Polymerjs Google登录

Polymer Google登录元素用于Google身份验证, 以与驱动器和Google+ API进行交互。

注意：使用API​​之前, 必须先在Google Developers Console中启用它们。

<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：clientId可以从Google Developers Console获取。 https://console.developers.google.com/cloud-resource-manager?previousPage=%2F

scopes：用于定义必要的范围权限。

requestVisibleActions：此属性用于代表用户编写应用程序活动(https://developers.google.com/+/web/app-activities/)。

离线：此属性用于获取服务器的身份验证代码, 以保存离线访问令牌(https://developers.google.com/identity/sign-in/web/server-side-flow)。

你可以使用高度, 宽度和主题等属性来设置按钮的样式, 从而可以遵循Google+登录按钮的品牌指南(https://developers.google.com/+/branding-guidelines)。

Polymer Google登录事件

google-signin-success：成功验证用户身份后, 将触发signin-success事件。通过使用isAuthorized属性, 你可以注意到用户的身份验证状态。

google-sign-out：当用户注销时, 将触发注销事件。

google-signout-attempted：当用户尝试退出时, 将触发尝试退出的事件。

google-signin-offline-success：当用户尝试注销时, 将触发signin-offline-success事件。

google-signin-necessary：当范围需要通过google-signin-aware元素请求的其他用户权限时, 触发必要登录事件。