2010-11-14 9 views
5

Ich spiele zum ersten Mal mit PhoneGap. Ich möchte folgendes tun: wie soPhoneGap - Approach zur Authentifizierung gegen eine Remote-Website?

erstellen Login UI in der Datei index.html:

<input id="email"> 
<input id="password"> 
<button id="login">Login</button> 

Die Benutzeroberfläche wird auf einem iPhone angezeigt. Wenn Benutzer auf die Login-Schaltfläche klickt, möchte ich mich asynchron gegen die Website http://mysite.com/login authentifizieren. Wenn die Authentifizierung fehlschlägt, bleibt der Benutzer auf der Benutzeroberfläche von index.html. Wenn die Authentifizierung erfolgreich ist, sieht Benutzer eine neue Benutzeroberfläche in dashboard.html gefunden, die wie folgt aussieht:

<ul> 
    <li>task 1</li> 
    <li>task 2</li> 
    <li>task 3 etc... (asychronously retrieve data from http://mysite.com)</li> 
</ul> 

Der Benutzer asynchrone Aktionen gegen die Liste in dashboard.html ausführen kann. Um dies zu tun, müssen die serverseitigen Skripts immer überprüfen, ob der Benutzer über die entsprechenden Berechtigungen verfügt.

SO meine Fragen sind:

1) Ich habe dargelegt, was ich erreichen möchte, aber ich habe auch Web-Entwicklung philsophy zur Lösung des Problems vorgeschlagen. Gibt es einen besseren Gesamtansatz?

2) Welche asynchrone Technologie sollte ich verwenden? Ajax, Webservice, noch etwas?

3) Kann ich SESSION auf der Serverseite weiterhin verwenden, um Benutzersitzungsdaten wie Benutzer-ID, Rollen, Berechtigungen usw. zu verwalten? Auf diese Weise muss der Client-Rechner diese Daten nicht bei jedem asynchronen Aufruf übertragen?

+0

Eine verwandte Frage, wie AJAX Benutzer mit PhoneGap authentifizieren: http://StackOverflow.com/Questions/3709315/Phonegap-Cookie-Based-Authentication-PHP-Not-Work-Webview – John

Antwort

9
  1. guter Ansatz
  2. Ich würde Ajax mit Json Antwort
  3. Ja Sie Session-Variablen

erinnern am Ende können noch vorschlagen, dass die phonegap Anwendung ist wirklich nur eine Web-Seite läuft in einem durch phonegap erstellten Container. Hier

ist ein phonegap plugin I wrote für die Anmeldung in einem System mit SSL

Excellent PhoneGap Documentation hier ist und nicht zu vergessen die PhoneGap Wiki great stuff hat auch

+0

wird Ihr Plugin für Android und Brombeere auch? – John

+1

nein, Plugins sind plattformspezifisch, ich werde eine Android-Version erstellen, da es eine sekundäre Plattform für mich ist –

+0

@AaronSaunders Nice-Plugin. Bitte aktualisieren Sie, wenn Sie eine Android-Version des Plugins erstellen. Ich warte darauf. :) – Imdad

0

können Sie Event.preventDefault verwenden auf Submit-Button bei keine Authentifizierung .. Ajax und JSON ist die Lösung .. Aber Vorsicht bei der Cross-Domain-Politik, wenn Sie auf Browser debuggen ... am besten Debugging Emulator.

Verwandte Themen