Sencha Touch 2：HTML中的Google+登錄按鈕

Question

我正在嘗試根據此文檔將google +登錄按鈕添加到Sencha Touch 2應用程序中： https : //developers.google.com/+/web/signin/add-button-javascript#step_4_add_a_google_sign-in_button_to_your_page

我的想法是簡單地創建一個容器，並在如下視圖中添加此代碼（html和javascript）：

Ext.define('BrewersMoney.view.Main', {
extend: 'Ext.Container',
xtype: 'main',
config: {
    layout: {
        type: 'hbox',
        align: 'middle'
    },
    html: '<meta name="google-signin-cli............'
}
});

但是此代碼不起作用。 有什么想法我可以如何從Google文檔中添加代碼以獲取Google+登錄按鈕？

非常感謝您，彼得

Answer 1

使用腳本創建文件：

<script type="text/javascript">
    (function() {
      var po = document.createElement('script');
      po.type = 'text/javascript'; po.async = true;
      po.src = 'https://apis.google.com/js/client:plusone.js?onload=render';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(po, s);
    })();
</script>

然后添加一個ID為“ myButton”的Ext.Button。

之后，您需要致電

  // Additional params
  var additionalParams = {
    'theme' : 'dark'
  };

  gapi.signin.render('myButton', additionalParams);