Se souvenir de moi fonctionnalité et un Jeton dans Angularjs

Je suis à la recherche d'une meilleure approche de mon problème ici. J'ai un souvenir de moi fonctionnalité sur mon formulaire de connexion. Ceux que l'utilisateur clique sur la case se souvenir de moi, Mon API m'envoie un Jeton.

Ma question est quel est le meilleur moyen de conserver ce jeton et d'authentifier l'utilisateur à nouveau quand ils sont de retour pour mon site?

Ce que je pensais,

  1. Créer un Cookie, et les stocker jeton.
  2. Créer un local de Stockage.

Merci de me donner des conseils qui pourraient m'aider.

OriginalL'auteur GeekOnGadgets | 2014-10-30

  1. 8

    Je voudrais utiliser document.cookie avec une usine de code comme ceci:

    Crée un cookie (par exemple cette expire dans un an):

    app.factory('$remember', function() {
    return function(name, values) {
        var cookie = name + '=';

        cookie += values + ';';

        var date = new Date();
        date.setDate(date.getDate() + 365);

        cookie += 'expires=' + date.toString() + ';';

        document.cookie = cookie;
    }
});

    Cette usine supprime le cookie:

    app.factory('$forget', function() {
    return function(name) {
        var cookie = name + '=;';
        cookie += 'expires=' + (new Date()).toString() + ';';

        document.cookie = cookie;
    }
});

    Puis à chaque fois qu'un utilisateur se connecte avec succès dans le cache de la clé à l'aide de $rappelez-vous:

    $remember('my_cookie_name', response.user._id);

    Et de toujours vérifier si le cookie est là lors de la connexion à l'utilisateur d'utiliser un standard de connexion et de l'enregistrer sur leurs cookies. Si le souvenir de moi n'est pas activé, oubliez le document.cookie

    belle réponse 🙂 je vais essayer de vous en informer.
    Pouvez-vous expliquer plus sur la façon de vérifier si mon cookie? Actuellement, je suis en utilisant un indicateur Booléen, mais ne fonctionne pas. Une idée?
    cookie n'est pas la suppression de navigateur, même après l'expiration du délai.
    comment nous vérifions cookie ? et puis appliquer la condition selon cookie. pouvez-vous expliquer plus en détail .

    OriginalL'auteur willjleong

  2. 13

    Utilisation ngCookies:
    Le ngCookies module fournit une pratique de l'enveloppe pour la lecture et l'écriture de cookies de votre navigateur.

    Tout d'abord vous installez ngCookies dans votre application à l'aide de la charmille bower install [email protected] ou manully.

    puis à l'injecter ngCookies dans votre application, tels que
    angular.module('app', ['ngCookies']);

    puis il suffit d'utiliser comme 

    angular.module('App', ['ngCookies'])
      .controller('demo', ['$cookies', function($cookies) {
          //Setting a cookie
          $cookies.put('cookieName', 'object');
          //Retrieving a cookie
          var sample= $cookies.get('cookieName');
         //Remove a cookie
          $cookies.remove('cookieName');
      }]);
    Cela devrait être utilisé comme un accepté de répondre que ce n'est pas une bonne pratique d'utiliser les objets DOM l'intérieur angulaire de code.

    OriginalL'auteur Umair Ahmed

  3. 0

    Si vous utilisez l'Authentification par Jeton/API Restful alors le meilleur moyen est d'utiliser le localStorage. Cependant, l'utilisation de cette approche, à moins que l'utilisateur sélectionne pour "se Souvenir de Moi", ils vous seront demandés pour vous connecter de nouveau à chaque onglet du navigateur qu'ils s'ouvrent. Parce que chaque élément enregistré avec sessionStorage n'est disponible que pour un seul onglet.
    J'ai créé une bibliothèque de le simplifier et de le synchroniser les données de session à travers tous les onglets ouverts. L'expérience de l'utilisateur est similaire à celle offerte par le cookie d'authentification.
    Avec cela, vous faites quelque chose comme:

    if (rememberMe)
    storageManager.savePermanentData('data', 'key');
else
    storageManager.saveSyncedSessionData('data', 'key');

    Et vous récupérez des données par var myData = storageManager.getData('key');

    Vous pouvez télécharger cette bibliothèque à partir de ce lien: http://www.ebenmonney.com/blog/how-to-implement-remember-me-functionality-using-token-based-authentication-and-localstorage-in-a-web-application

    OriginalL'auteur adentum