谷歌加登錄復選框

Question

我正在我的API中實現谷歌加號，我正在遵循的是這個（在服務器端訪問）：

https://developers.google.com/+/web/signin/server-side-flow

在第4步，它以這種方式添加按鈕：

<div id="signinButton">
  <span class="g-signin"
    data-scope="https://www.googleapis.com/auth/plus.login"
    data-clientid="YOUR_CLIENT_ID"
    data-redirecturi="postmessage"
    data-accesstype="offline"
    data-cookiepolicy="single_host_origin"
    data-callback="signInCallback">
  </span>
</div>

我已經完成了所有步驟，甚至可以在python端完成它。 我遇到的問題是當我嘗試將其更改為input type:checkbox具有類似切換按鈕的類。 我想要的是當切換按鈕打開上面的代碼將起作用，或谷歌+加登錄彈出窗口將顯示。 但它沒有。

這是我嘗試過的代碼：

            <label id="gConnect" class="switch" style="margin-left:30px; margin-top:6px;">
            <input type="checkbox" id="link-switch" class="input-switch g-signin" data-scope="https://www.googleapis.com/auth/plus.login"
data-requestvisibleactions="http://schemas.google.com/AddActivity"
data-clientid="CLIENT_ID"
data-accesstype="offline"
data-cookiepolicy="single_host_origin"
data-callback="onSignInCallback" >
            <span class="switch-label" data-on="Yes" data-off="No"></span>
            <span class="switch-handle"></span>
            </label>

我錯過了什么嗎？

Answer 1

該按鈕需要真正渲染塊元素。 在你的情況下我會做的是使用gapi.auth.signIn在有人點擊復選框后觸發登錄過程。

https://developers.google.com/+/web/signin/javascript-flow

這樣做的一個缺點是，有時使用彈出窗口攔截器可能會很棘手。 如果是這種情況，那么我要做的就是選擇復選框，打開一個燈箱或類似的，其中的登錄按鈕就像之前一樣呈現。