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);