Polymer-google-signin

ポリマー-Googleサインイン

<google-signin>は、Google認証に使用される要素であり、ドライブとGoogle+ APIを操作できます。 注-使用する前に、Google Developers ConsoleでAPIを有効にする必要があります。

<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>

属性のいくつかは次のとおりです-

• clientId -https://console.developers.google.com [Google Developers Console]で_clientId_を取得できます。
• scopes -この属性は、必要なスコープ許可を定義します。
• requestVisibleActions -この属性を使用して、アプリのアクティビティを記述できますhttps://developers.google.com//web/app-activities/[(https://developers.google.com//web/app-activities/）]ユーザーに代わって。
• offline -この属性を使用すると、サーバーの認証コードを取得して、オフラインアクセストークンhttps://developers.google.com/identity/sign-in/web/server-side-flow[([[1]]]。

属性height、width、およびthemeを使用して、Google サインインボタンブランドガイドラインhttps://developers.google.com//branding-guidelines[([[2]] com/+/branding-guidelines）]。

イベントは次のとおりです-

• google-signin-success -ユーザーが正常に認証されると、このイベントがトリガーされます。 isAuthorized属性を使用して、ユーザーの認証状態を確認できます。
• google-signed-out -このイベントは、ユーザーがログアウトするとトリガーされます。
• google-signout-attempted -ユーザーがログアウトしようとすると、このイベントがトリガーされます。
• google-signin-offline-success -このイベントは、ユーザーがログアウトしようとするとトリガーされます。
• google-signin-necessary -このイベントは、google-signin-aware要素を介して要求されるスコープで追加のユーザー権限が必要な場合にトリガーされます。