Polymer - Google Signin

<google-signin> 是用于 google 身份验证的元素，您可以通过它与 Drive 和 Google+ API 进行交互。注意 − 您需要先在 Google Developers Console 中启用这些 API，然后才能使用这些 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 − 您可以在 Google Developers Console 中获取 clientId。

• scopes − 此属性定义必要的范围权限。

• requestVisibleActions −您可以使用此属性代表用户编写应用活动(https://developers.google.com/+/web/app-activities/)。

• 离线 −使用此属性，您可以获取服务器的授权代码，以保存离线访问令牌(https://developers.google.com/identity/sign-in/web/server-side-flow)。

使用属性 height、width 和 theme 来设置按钮的样式，通过该按钮，您可以遵循 Google+ 登录按钮品牌指南(https://developers.google.com/+/branding-guidelines)。

事件如下 −

• google-signin-success −当用户成功通过身份验证时，会触发此事件。您可以使用 isAuthorized 属性来了解用户的身份验证状态。

• google-signed-out − 当用户退出时，会触发此事件。

• google-signout-attempted − 当用户尝试退出时，会触发此事件。

• google-signin-offline-success − 当用户尝试退出时，会触发此事件。

• google-signin-necessary − 当通过 google-signin-aware 元素请求的范围需要额外的用户权限时，会触发此事件。

polymer_elements.html