网站侧接入google一键登录

前言：近期发现不少网站的google一键登录功能，交互UI简单明快，特地尝试一下。发现是一步验证。不是之前的两步验证(access_token+token的形式)

使用Google登录按钮

界面UI

google developers指南生成HTML代码，在启用了Google登录的产品登录界面替换现有谷歌登录按钮，代码如下：

<div id="g_id_onload"
    data-client_id="xxxxx.apps.googleusercontent.com" #google API凭据客户端ID
    data-context="signin"
    data-callback="handleCredentialResponse" #谷歌登录javascript回调>
</div>

<div class="g_id_signin"
    data-type="standard"
    data-shape="rectangular"
    data-theme="outline"
    data-text="signin_with"
    data-size="large"
    data-logo_alignment="left">
</div>
// google一键登录依赖的库文件大小：74.4KB
<script src="https://accounts.google.com/gsi/client" async defer></script>

参数补充说明:

1. data-context：更改一键登录上下文,可以更改context属性以创建不同的措辞集

signin	“使用Google登录”