I’m in early (pre-coding) stages of developing a mobile web application using jQuery Mobile (we looked at Sencha Touch for a few weeks, but jQuery Mobile is a better fit for our team’s competencies). I am wrapping the jQuery Mobile web application with PhoneGap to create an iPhone, iPod touch, and iPad native-ish application. I use Django for our web applications so intend to do the same here for the server-side, with some sort of JSON/Ajax/REST data flow for the interface between the mobile application and the server. Since it’s a mobile-only application, we should have access to all the HTML5 kind of stuff.
While I am likely to come up with other issues/questions for this implementation, here is my current question/issue:
I need to set up the application so that the first time the user opens the application, they must enter a username and password to authenticate. Subsequently the user should not have to authenticate unless the user clicks a “settings” link which gives them a page to authenticate with a different account or password. The application should still authenticate to the server each time it is started, using the current username and password that was originally entered, to make sure that the account hasn’t been disabled or the password changed or something.
I am pretty new to authentication schemes. What should I do?
I would advise against storing in HTML5 local/web storage. If you are targeting iOS PhoneGap, I would recommend using the Keychain Plugin:
http://blogs.nitobi.com/shazron/2010/11/06/ios-keychain-plugin-for-phonegap/