Mise en oeuvre en utilisant le plugin jq1000.js

Le plugin JQuery jq1000.js prend en charge l'authentification.

Pour mettre en oeuvre l'authentification sur votre application :

Dans la page html de votre application :

Ajoutez les boutons de connexion/déconnexion, par exemple sur la home page :

Customer search selections

   <a href="#" id="btnConnect"  data-role="button" data-icon="gear">Connect</a>
   <a href="#" id="btnDisconnect"  data-role="button" data-icon="gear">Disconnect</a>

</source>

Ajoutez une page de connexion :

Connect to the server

   <a href="#" data-role="button" data-rel="back" data-icon="back">Back</a>

</source>

Tip : Il est important de respecter les ids pageConnect et divConnect qui sont définis par défaut dans le code de jq1000, sinon vous devez passer les bonnes valeurs dans les options.

Dans le code javascript :

<source lang="javascript"> $(document).ready( function() {

   // updated by mobile wizard.

$.l1000._api_ = "sdata/mobilesuitefi";

$.l1000.status(onConnected,onDisconnected);

$('#btnConnect').click(function(e) { e.preventDefault(); $.l1000.connect({pageConnect:"pageConnect",divConnect:"divConnect",slide:slide}); $('#btnConnect').hide(); $('#btnDisconnect').show(); });

$('#btnDisconnect').click(function(e) { e.preventDefault(); $.l1000.disconnect(); slide("pageConnect"); $('#btnConnect').show(); $('#btnDisconnect').hide(); }); } </source>