Sencha Touch 2:如何添加Google+ Login

Sencha Touch 2: How can I add Google+ Login?

本文关键字：添加 Google+ Login 何添加 Touch Sencha      更新时间：2023-09-26

我想添加一个Google+登录到我的Sencha Touch 2 web应用程序，根据https://developers.google.com/+/web/signin/?hl=de#using_the_client-side_flow.

我已经添加了谷歌脚本到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吗?

这可能不工作，因为.g-signin元素被添加到dom后，谷歌试图渲染按钮。看看如何用JavaScript将登录按钮添加到页面中。特别是第四步，gapi.signin.render('myButton', additionalParams);被用来渲染按钮。

相关文章：