Titre

Faire un bouton d'authentification Google sur votre page web

Disposer d'un bouton d'authentification Google sur votre page web avec le processus côté client

Créer un bouton qui permet de s'authentifier avec un compte google n'est pas spécialement évident, malgré les explication de la page de google, cad :
https://developers.google.com/+/web/signin/?hl=fr

On va voir comment faire.

Il faut commencer par se connecter sur la page des apis de Google :
https://console.developers.google.com/apis/dashboard

Ensuite, il faut créer un projet

Donner un nom à votre projet

L'initialisation peut prendre un peut de temps

Une fois terminé, allez sur le projet

Il faut maintenant activer l'api de Google+
pour cela, cliquer sur activer les api et les services

Prendre celle de Google +

Activez la

Ceci fait, il faut créer les identifiants

Renseignez les champs

Renseigner l'adresse email et le nom du produit.
Cliquer sur Continuer

On peut maintenant récupérer les identifiants

Nous allons coller ce puzzle dans cette structure PHP simple :

Lien vers le fichier : cliquez ici

On commence par placer cette balise dans le head. Il faudra y renseigner le client id récupéré précédemment

Lien vers le fichier : cliquez ici

Toujours dans le head, on ajoute les api google et jquery

Lien vers le fichier : cliquez ici

Dans la balise body, on place une div correspondant au bouton google d'authentification, et une autre qui recevra des informations

Lien vers le fichier : cliquez ici

Enfin on place 4 fonctions

Le tout donne ceci :

Lien vers le fichier : cliquez ici

Si vous voulez récupérer les informations de l'utilisateur côté serveur, cette page donne la méthode à suivre :
https://developers.google.com/identity/sign-in/web/backend-auth

Pages Web

Site WebDescription
Developers.google.com step_4_handling_the_sign-inGoogle+ Sign-In : explication
Digitalandwise.comCréer un bouton d'authentification Google

Article(s) en relation