javascript - Sencha 触摸2 : How can I add Google+ Login?

标签 javascript sencha-touch google-plus google-signin sencha-touch-2.3

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

我已将 google 脚本添加到 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 吗?

最佳答案

它可能不起作用,因为在 Google 尝试渲染按钮后,.g-signin 元素被添加到 dom 中。看看adding the sign-in button to your page with JavaScript 。特别是第四步,其中 gapi.signin.render('myButton',additionalParams); 用于渲染按钮。

关于javascript - Sencha 触摸2 : How can I add Google+ Login?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25136901/

相关文章:

javascript - Ionic 应用程序 - CordovaPush 不工作

javascript - Sencha 触摸2 : Reloading a treeStore in nestedList to reflect user selection

html - JavaFX WebView 不在 Sencha Touch 应用程序中显示蒙版图像

javascript - 如何在 sencha touch 中对文本字段进行字母数字验证

javascript - Google+ signinCallback 调用了两次并且在处理过程中丢失了 authresult

javascript - 我想在中心的下一行打印每个句子作为诗歌我试过/n,/r/n但我失败了

javascript - 有选择地将项目推送到数组

javascript - 全屏iframe背景视频

android - 如何在 android 中集成谷歌登录时获取电子邮件地址

java - 我可以使用 Google Plus 登录来验证我在 App Engine 中的 OAuth 方法吗?