Sencha触摸2:谷歌+登录按钮在html

Sencha Touch 2: Google+ signin button in html

本文关键字：登录 按钮 html 谷歌 触摸 Sencha      更新时间：2023-09-26

我正在尝试添加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............'
}
});

但是这段代码不起作用。任何想法，我如何能从谷歌文档中添加代码，以获得获得谷歌+登录按钮?

非常感谢和问候。彼得。

用下面的脚本创建一个文件:

<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);
相关文章：