Sencha Touch 2: кнопка входа в Google+ в HTML

Я пытаюсь добавить кнопку входа 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+?

Большое спасибо и с уважением, Питер


javascript google-plus sencha-touch-2 sencha-touch-2.1
person pfust75    schedule 09.07.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Создайте файл со скриптом:

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

Затем добавьте Ext.Button с идентификатором «myButton».

После этого нужно позвонить

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

  gapi.signin.render('myButton', additionalParams);
person Dinkheller    schedule 23.09.2014