Connexion/Inscription Google One Tap

|||
-|-|-|
:discourse: | Résumé | Discourse Google One Tap ajoute la prise en charge de l’inscription et de la connexion à Discourse via Google One Tap.
:hammer_and_wrench: | Lien du dépôt | \u003chttps://github.com/discourse/discourse-google-one-tap\u003e
:open_book: | Guide d’installation | Comment installer des plugins dans Discourse


Fonctionnalités

Ce plugin ajoute la prise en charge de la connexion et de l’inscription via Google One Tap à Discourse. Lorsque ce plugin est installé et configuré, les utilisateurs anonymes verront une invite qui ressemble à ceci :

À partir de cette invite, ils peuvent utiliser n’importe quel compte Google auquel ils sont actuellement connectés pour s’inscrire ou se connecter (s’ils ont déjà un compte sur votre site avec la même adresse e-mail) à votre instance Discourse.

Configuration

  1. Assurez-vous que le paramètre google_one_tap_enabled est activé

  2. Suivez les instructions sur Setup  |  Web guides  |  Google for Developers pour obtenir un ID client et configurer l’apparence de l’invite de connexion/inscription et de l’écran de consentement

  3. Ajoutez l’ID client que vous avez obtenu à l’étape 2 au paramètre de site google_oauth2_client_id.

CHANGELOG

Aucun.

Crédits

Un grand merci à @ghassan pour le développement de la version initiale de ce plugin.

27 « J'aime »

Merci pour ce super plugin, cependant il semble y avoir un bug, où le plugin crée une div invisible, rendant impossible l’interaction avec tout élément situé en dessous.
Il crée également un espace supplémentaire sur le côté gauche de la page sur mobile.
Mobile :


Bureau :

1 « J'aime »

En quoi cela diffère-t-il de la connexion Google intégrée pour le service Discourse ?

1 « J'aime »

Bonjour :wave: Oui, ce plugin a vraiment besoin d’un peu d’amour :heart:. Je l’ai testé hier et j’ai rencontré le même problème. Il semble que l’iframe de Google sur la fenêtre modale de connexion/inscription pose également des problèmes. L’alignement et le style ne semblent pas être les mêmes que ceux des autres boutons sociaux et si j’ouvre la fenêtre modale de connexion puis que je passe à l’inscription, le bouton Google ne s’affiche pas.

Salut Don, peux-tu s’il te plaît développer cela avec un peu plus d’informations, et éventuellement quelques captures d’écran ? J’ai réussi à le faire fonctionner localement :

Cependant, en mode incognito, je rencontre le même problème :

Il pourrait y avoir de nombreuses raisons à cela ; l’une d’elles, par exemple, est le « délai d’attente exponentiel » que Google a ajouté :

Il pourrait potentiellement y avoir un moyen de détecter que cela n’a pas été chargé correctement – mais au moins dans Chrome, l’élément avec « Sign in to localhost with google.com » n’est même pas un élément de la page. Peut-être pouvons-nous utiliser ceci ?

google.accounts.id.prompt((notification) => {
    console.log(notification)
});

Ce PR devrait corriger le problème. @Osama J’ai supprimé quelques styles CSS. Peux-tu vérifier quand tu auras le temps ?


3 « J'aime »

Merci pour ce super plugin, c’est exactement ce que je cherchais.
Mais le plugin est-il également compatible avec les derniers changements “La dépréciation des cookies tiers de Chrome commence au T1 2024”. Voici plus d’informations sur la migration requise par FedCM.

Une autre observation.

La fonctionnalité est très similaire, pourrait-elle être combinée avec la connexion Google native que Discourse a déjà, afin que l’écran de connexion n’ait pas deux cases “Se connecter avec Google” ?

1 « J'aime »

Il semble que personne ne vous ait répondu @nathank, alors je vais le faire avec ce que je crois être à la fois la réponse et peut-être une question ?

Je pense que ce « one-tap » est ce qui est couramment considéré comme l’invite de création de compte Google lorsque vous arrivez sur un site, par exemple comme ceci :

Je crois que la principale différence entre cela et la prise en charge native de l’authentification Google est que cela se déclenche lorsque quelqu’un arrive sur une page plutôt qu’un utilisateur qui trouve le chemin de l’invite de connexion/inscription.

1 « J'aime »

J’apprécie grandement que vous répondiez à ma question un peu dépassée !!

Si c’est aussi simple (et il semble que ce soit le cas), pourquoi ne pas intégrer la fonctionnalité de ce plugin au cœur du système ??

2 « J'aime »

Oui, d’accord, ou en faire une option dans le cœur. C’est une façon très reconnue d’augmenter les inscriptions et de réduire les frictions lors de l’intégration - les utilisateurs sont familiers avec cette expérience.

1 « J'aime »

Cette solution présentait (ou présentait) certains problèmes qui rendaient la connexion plus difficile, et elle était mal affichée sur mobile. Désolé, c’est une réponse vraiment inutile, car je ne me souviens plus quels étaient ces problèmes qui m’ont fait la désactiver — même si la majorité utilise Gmail ici en Finlande.

Remontée, je viens de le remarquer aussi.

N’utilisez pas cette connexion Google « ordinaire ». Ce n’est pas plus difficile. J’ai gardé les deux, car le « one tap » n’est pas actif dans toutes les situations.

Exactement, mais je ne veux pas avoir à choisir entre avoir deux boutons redondants ou aucun du tout dans certaines situations. :slight_smile:

Il contactera à l’insu les serveurs de Google pour quiconque tente de se connecter/s’inscrire lors du chargement initial de la page.

  1. Accédez à Admin → Personnaliser → Thèmes → CSS/HTML.
  2. Ouvrez l’éditeur CSS de votre thème actif.
  3. Ajoutez le code suivant à la section CSS :
div#google_one_tap.btn-social {
    display: none !important;
}
  1. Enregistrez vos modifications.
  2. Actualisez la page pour vous assurer que le bouton n’est plus visible.
2 « J'aime »