Question Facebook Login ne fonctionne pas dans l'application PWA si l'application est en état autonome


Je construis un site Web PWA. J'utilise Angular JS et j'ai utilisé javascript facebook login sur mon site. Mais si je visualise mon application dans le navigateur, la connexion facebook fonctionne. Mais lorsque j'ajoute un raccourci à l'écran d'accueil et que je lance l'application depuis l'écran d'accueil, la connexion FB ne fonctionne pas. La page Facebook se charge. Mais après avoir entré les informations d'identification, il affiche une page vierge. Quelqu'un peut-il aider?

Voici mon code de connexion FB

var doBrowserLogin = function(){
  var deferred = $q.defer();
  FB.login(
    function(response){
      if (response.authResponse) {
              deferred.resolve(response);
            }else{
              deferred.reject(response);
            }
          },
          {scope:'email,public_profile'}
       );
  return deferred.promise;
}

Il ouvre l'écran de connexion Facebook et après avoir entré les informations d'identification, il est vide. Ne pas revenir à l'application. Blank page Dans mon fichier manifest.json, la propriété d'affichage est définie sur autonome. S'il vous plaît aider.


11
2018-01-05 11:05


origine


Réponses:


Il s’agit d’un comportement correct, car l’API Facebook se connecte à l’utilisateur pour ouvrir un nouvel onglet avec un formulaire de connexion. Facebook implémente la solution OAuth2 et, pour les utilisateurs authentifiés utilisant leur API, active OAuth2 Implicit Flow. Pour vous connecter dans la même fenêtre, vous devez utiliser le code d'autorisation, mais les applications côté client ne sont pas sécurisées, car vous aurez besoin d'un code secret non disponible pour les utilisateurs.

Au lieu d'ouvrir un nouvel onglet, vous pouvez créer un iframe avec le formulaire de connexion facebook et lorsque l'utilisateur s'est connecté, le fermer et le rediriger.


2
2018-01-06 14:07