Auto Login from Iphone Home Screen Shortcut using LocalStorage and Rack

12 April 2012 by virendra 1 comment

If you ever worked on Mobile Application and if you have been ever asked to design a web auto login for iOS Home Screen Desktop every
time a user click the Home Screen Shortcut then you might want settle down and read this post bcoz this can help you.

The first that I came across when implementing the home screen shortcut how to manage the cookie and how to store in browser
(even when browser is closed)

Thank full to HTML5 as it provide a localStorage I quickly got the insight how where to store the cookie

For any one how aren’t aware of HTML5 localStorage. HTML5 localStorage provide API for storing data locally on browser which can be
access any time by your application in near future.

Now with clear insight of where to store the cookie the next task is how to access it and wrap it in request.

That when Rack Hit me

The idea is to mount a rack application on top rails middleware and then play around with Rails request/response cycle. Let me Hook up the code to then explain you everything bit by bit

CODE = %{} COOKIE = %{} def initialize(app) @app = app end def call(env) if iphone_web_app?(env) if new_session?(env) [200,{'Content-Length' => code(true).length.to_s, 'Content-Type' => 'text/html'}, code(true)] else status, headers, body = request = response =[], status, headers) cookie = request.cookies.each_pair do |key,value| cookie += "#{key}=#{value};" end body.each do |part| part.gsub!(/</head>/, "#{set_cookie(cookie)}") response.write(part) end response.finish end else end end protected def code(resend=false) regex = "_session_id" if == "ActionDispatch::Session::CookieStore" regex = Rails.configuration.session_options[:key] end CODE.gsub('{{RESEND}}', resend.to_s).gsub('{{REGEX}}',regex.to_s) end def set_cookie(cookie) COOKIE.gsub('{{COOKIE}}',cookie.to_s) end def new_session?(env) request = if request.cookies['_cookieset_'].nil? true else false end end def iphone_web_app?(env) if env['HTTP_USER_AGENT'] env['HTTP_USER_AGENT'] =~ /WebKit.*Mobile/ && !(env['HTTP_USER_AGENT'] =~ /Safari/) end end end

Now the idea is to trap the request def new_session? which has no cookie associated with it return the code javascript in response body and extract the cookie from localStorage localStorage.getItem(‘__cookie__’);
associate it with document using document.cookie syntax and re-request the page using window.location.reload()

Voila there you have it next time you open your Home screen shortcut you would not be thrown to login screen citing no active session available.

Hooking all of this in one gem called rack_iphone

Note : There are other way you can achieve the same using parameterized URL (where a URL will be identify with the parameter in it) something like GOOGLE does I Guess.

Providing few links which will further help you so that you don’t stumble upon any roadblocks when building the same
LocalStorage Issue


Follow me on Twitter

1 thought on “Auto Login from Iphone Home Screen Shortcut using LocalStorage and Rack”

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe To Our Blog

Get access to proven marketing ideas, latest trends and best practices.

Next up home


Lets build cool stuff

Share your contact information & we will get in touch!

I want (Tell us more about your dream project)