Sencha Touch 2：如何添加Google+登錄？

Question

根據https://developers.google.com/+/web/signin/?hl=de#using_the_client-side_flow ，我想將Google+登錄名添加到我的Sencha Touch 2 Web應用程序中。

我已經將Google腳本添加到app.json（定義為遠程腳本）中，並且已加載該腳本。 我創建了一個帶有html內容的容器（由google描述）：

Ext.define('Bubbles.view.LoginView', {
extend: 'Ext.Container',
id: 'loginView',
config: {
    fullscreen: true,
    layout: 'fit',
    html: '<span id=\"signinButton\">'
        +   '<span class="g-signin" data-callback="signinCallback" data-clientid="CLIENT_ID" data-cookiepolicy="single_host_origin" data-requestvisibleactions="http://schemas.google.com/AddActivity" data-scope="https://www.googleapis.com/auth/plus.login"></span>'
        + '</span>',
    height: '100%',
    width: '100%',
}});

但是屏幕保持空白，沒有登錄按鈕:-(

但是，刪除上面的html部分並將其直接添加到index.html即可。 不幸的是，這是非常糟糕的做法...

有任何想法如何使用Sencha Touch 2正確執行操作嗎？

Answer 1

這可能不起作用，因為在Google嘗試渲染按鈕后， .g-signin元素已添加到dom中。 看看如何使用JavaScript將登錄按鈕添加到您的頁面 。 尤其是第四步，其中gapi.signin.render('myButton', additionalParams); 用於渲染按鈕。