Connexion (jq1000)
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 :
<div class="ui-page" data-role="page" id="pageSelect">
<div data-role="header">
<h1>Customer search selections</h1>
</div>
<div data-role="content">
</div>
<div data-role="footer" data-position="fixed">
<a href="#" id="btnConnect" data-role="button" data-icon="gear">Connect</a>
<a href="#" id="btnDisconnect" data-role="button" data-icon="gear">Disconnect</a>
</div>
</div>Ajoutez une page de connexion :
<div class="ui-page" data-role="page" id="pageConnect">
<div data-role="header">
<h1>Connect to the server</h1>
<a href="#pageSelect" data-role="button" data-icon="home">Home</a>
<a href="#" data-role="button" data-rel="back" data-icon="back">Back</a>
</div>
<div id="divConnect" data-role="content">
</div>
<div data-role="footer" data-position="fixed">
</div>
</div>
|
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 :
$(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();
});
}