Polymère - Connexion Google

<google-signin> est un élément utilisé pour l'authentification Google, dans lequel vous pouvez interagir avec les API Drive et Google+. Note - Vous devez activer les API dans la Google Developers Console avant de les utiliser.

<google-signin client-id = "Your client id"
   scopes = "https://www.googleapis.com/auth/drive"></google-signin>

<google-signin label-signin = "Sign-in" client-id = "Your client id"
   scopes = "https://www.googleapis.com/auth/drive"></google-signin>

<google-signin theme = "dark" width = "iconOnly" client-id = "Your client id"
   scopes = "https://www.googleapis.com/auth/drive"></google-signin>

Certains des attributs sont les suivants -

Utilisez les attributs hauteur, largeur et thème pour styliser le bouton par lequel vous pouvez suivre les consignes de personnalisation du bouton de connexion Google+ (https://developers.google.com/+/branding-guidelines) .

Les événements sont les suivants -

  • google-signin-success- Cet événement est déclenché lorsqu'un utilisateur est authentifié avec succès. Vous pouvez remarquer l'état d'authentification d'un utilisateur à l'aide de l'attribut isAuthorized.

  • google-signed-out - Cet événement est déclenché lorsqu'un utilisateur se déconnecte.

  • google-signout-attempted - Cet événement est déclenché lorsqu'un utilisateur tente de se déconnecter.

  • google-signin-offline-success - Cet événement est déclenché lorsqu'un utilisateur tente de se déconnecter.

  • google-signin-necessary - Cet événement est déclenché lorsque des autorisations utilisateur supplémentaires sont nécessaires par les étendues qui sont demandées via des éléments compatibles google-signin.