Instagram WebView bloquant FB Signin

Question

J'ai un lien sur la section bio Instagram de mon entreprise. Lorsqu'un utilisateur iOs clique sur le lien et est redirigé vers le site Web de mon entreprise via Instagram WebView, l'utilisateur ne peut pas se connecter à son compte via Facebook. Il les redirige juste vers la même page après leur connexion via FB. Ce problème ne se produit pas sur Android ni sur un navigateur Web, mais uniquement dans le navigateur intégré à l'application.

J'ai essayé d'utiliser une fonction pour détecter l'URL avec window.location.url que l'utilisateur est redirigé depuis Instagram parce que le lien sur notre application Instagram a un paramètre spécifique 'Instagram' sur celui-ci. Cependant, il ne semble pas que le navigateur intégré à l'application détecte le fichier window.location.url ..

Vraiment bloqué sur ce problème et je me demandais si quelqu'un est tombé sur quelque chose de similaire.

Answer 1

La façon dont la plupart des authentifications sociales fonctionnent hors de la boîte est généralement apparaître une fenêtre.

La plupart des applications natives iOS (celles que j'ai rencontrées) comme Reddit ou Instagram n'autorisent pas les fenêtres contextuelles.

La solution consiste à utiliser uniquement un flux une page pour l'authentification.

Par exemple, si vous utilisez Facebook auth, au lieu du bouton auth apparaître une boîte de dialogue de la fenêtre d'authentification vous remplacer le window.location actuel avec

https://www.facebook.com/v2.10/dialog/oauth?client_id={app-id}&redirect_uri={redirect-uri} 

Une fois que l'utilisateur donne avec succès l'autorisation du redirect_uri sera rediriger l'utilisateur vers votre site avec des paramètres que vous pouvez utiliser pour récupérer l'jeton d'accès

Voir Facebook docs de référence https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow

Answer 2

https://shoploganpaul.com/account/login est un exemple que j'ai trouvé qui fonctionne. Où vous pouvez utiliser le navigateur natif Instagram, mais connectez-vous encore via Facebook.

ET je pense que la grande différence est, sur mobile, nous essayons d'ouvrir une nouvelle page pour se connecter à Facebook et qui se bloque, ce qui arrête complètement l'expérience Instagram. Par contre, le https://shoploganpaul.com/account/login semble le charger dans la fenêtre existante et cela fonctionne avec succès.