Google登录API在Mozilla Firefox上不起作用

克林特

我目前正在处理一个网络应用程序,该应用程序要求用户使用其Google帐户登录才能访问核心功能。使用Google Chrome浏览器时,所有功能都可以按预期的方式运行:用户单击“登录”,随即打开一个带有Google登录表单的弹出窗口,用户登录后,他将被转移到主页。(好的)

然而

使用Mozilla Firefox 38.0.1时,无法以任何方式使用该Web应用程序,因为当用户单击“登录”时,它不会执行任何操作。从字面上看,什么都没有,甚至在控制台上也没有错误。

这是登录按钮:

//head
<meta name="google-signin-client_id" content="{CLIENT ID}.apps.googleusercontent.com">

//body
<button class="g-signin2 login-button" data-onsuccess="onSignIn"></button>

Firefox和Google登录API是否存在当前已知的问题?

克林特

好的,找到了解决方案:我遵循基本上,我没有使用Google SignIn的轻松集成,而是创建了一个自定义处理程序和侦听器。我保留了原始按钮,因为它是必需的,并且只添加了以下javascript:

的HTML

<script src="https://apis.google.com/js/plus.js?onload=appStart"></script>

JS

//googleSignIn.js

var auth2; // The Sign-In object.
var googleUser; // The current user.
/**
 * Calls startAuth after Sign in V2 finishes setting up.
 */
var appStart = function() {
  console.log('appStart()')
  gapi.load('auth2', initSigninV2);
};
/**
 * Initializes Signin v2 and sets up listeners.
 */
var initSigninV2 = function() {
  auth2 = gapi.auth2.getAuthInstance({
      client_id: '{CLIENT ID}.apps.googleusercontent.com',
      scope: 'profile'
  });

  // Listen for sign-in state changes.
  auth2.isSignedIn.listen(signinChanged);
  // Listen for changes to current user.
  auth2.currentUser.listen(userChanged);

  // Sign in the user if they are currently signed in.
  if (auth2.isSignedIn.get() == true) {
      auth2.signIn();
  }
};
/**
 * Listener method for sign-out live value.
 *
 * @param {boolean} val the updated signed out state.
 */
var signinChanged = function (val) {
    console.log('Signin state changed to ', val);
};
/**
 * Listener method for when the user changes.
 *
 * @param {GoogleUser} user the updated user.
 */
var userChanged = function (user) {
  console.log('User now: ', user);
  googleUser = user;
};

$('.login-button').on('click', function() {
    console.log('signing in')

    auth2.signIn().then(function(user) {
        //callback to handle sign in
        onSignIn(user);
    });
})

我不确定是什么原因导致Google登录问题在mozilla上不起作用。如果有人知道这是已知问题,请在评论中让我知道。

底线: 在Mozilla上无法轻松集成Google登录。必须使用侦听器进行集成

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS过滤器invert()在Mozilla FireFox上不起作用?

来自分类Dev

SVG在Mozilla Firefox中不起作用

来自分类Dev

透视图属性(css3)在Mozilla Firefox浏览器上不起作用

来自分类Dev

CSS3过滤器在Opera,Internet Explorer,Mozilla Firefox上不起作用

来自分类Dev

$ _SERVER [“ HTTP_REFERER”]在Mozilla上不起作用

来自分类Dev

设置缩放级别在Google Map上不起作用

来自分类Dev

<img>标记在Mozilla Firefox和IE上不起作用...更改斜杠对我不起作用

来自分类Dev

动画在Google Map Android上不起作用

来自分类Dev

listPreferredItemHeightSmall在api 16上不起作用

来自分类Dev

Google字体在我的网站上不起作用

来自分类Dev

MultiWorkerMirroredStrategy()在Google AI平台(CMLE)上不起作用

来自分类Dev

Pytorch transforms.RandomRotation()在Google Colab上不起作用

来自分类Dev

Laravel Socialite在Google Chrome上不起作用

来自分类Dev

pandarallel窗口小部件在Google Colab上不起作用

来自分类Dev

Google Sheets API在PythonAnywhere上不起作用

来自分类Dev

CSS过滤器invert()在Mozilla FireFox上不起作用?

来自分类Dev

Google字体在CSS上不起作用

来自分类Dev

级联选择框在Google-Chrome上不起作用(尽管在Firefox和Explorer上工作正常)

来自分类Dev

event.preventDefault()在mozilla上不起作用

来自分类Dev

CSS3过滤器在Opera,Internet Explorer,Mozilla Firefox上不起作用

来自分类Dev

流星:Google登录在iPhone / iPad上不起作用

来自分类Dev

产生的效果在mozilla firefox上不起作用

来自分类Dev

设置缩放级别在Google Map上不起作用

来自分类Dev

输入按钮在登录页面上不起作用

来自分类Dev

Google Apps脚本-setvalues在工作表上不起作用

来自分类Dev

Mozilla Firefox鼠标中键不起作用

来自分类Dev

匿名FTP登录在Windows 10上不起作用

来自分类Dev

按钮单击事件在登录屏幕上不起作用

来自分类Dev

样式在 Mozilla Firefox 中不起作用

Related 相关文章

  1. 1

    CSS过滤器invert()在Mozilla FireFox上不起作用?

  2. 2

    SVG在Mozilla Firefox中不起作用

  3. 3

    透视图属性(css3)在Mozilla Firefox浏览器上不起作用

  4. 4

    CSS3过滤器在Opera,Internet Explorer,Mozilla Firefox上不起作用

  5. 5

    $ _SERVER [“ HTTP_REFERER”]在Mozilla上不起作用

  6. 6

    设置缩放级别在Google Map上不起作用

  7. 7

    <img>标记在Mozilla Firefox和IE上不起作用...更改斜杠对我不起作用

  8. 8

    动画在Google Map Android上不起作用

  9. 9

    listPreferredItemHeightSmall在api 16上不起作用

  10. 10

    Google字体在我的网站上不起作用

  11. 11

    MultiWorkerMirroredStrategy()在Google AI平台(CMLE)上不起作用

  12. 12

    Pytorch transforms.RandomRotation()在Google Colab上不起作用

  13. 13

    Laravel Socialite在Google Chrome上不起作用

  14. 14

    pandarallel窗口小部件在Google Colab上不起作用

  15. 15

    Google Sheets API在PythonAnywhere上不起作用

  16. 16

    CSS过滤器invert()在Mozilla FireFox上不起作用?

  17. 17

    Google字体在CSS上不起作用

  18. 18

    级联选择框在Google-Chrome上不起作用(尽管在Firefox和Explorer上工作正常)

  19. 19

    event.preventDefault()在mozilla上不起作用

  20. 20

    CSS3过滤器在Opera,Internet Explorer,Mozilla Firefox上不起作用

  21. 21

    流星:Google登录在iPhone / iPad上不起作用

  22. 22

    产生的效果在mozilla firefox上不起作用

  23. 23

    设置缩放级别在Google Map上不起作用

  24. 24

    输入按钮在登录页面上不起作用

  25. 25

    Google Apps脚本-setvalues在工作表上不起作用

  26. 26

    Mozilla Firefox鼠标中键不起作用

  27. 27

    匿名FTP登录在Windows 10上不起作用

  28. 28

    按钮单击事件在登录屏幕上不起作用

  29. 29

    样式在 Mozilla Firefox 中不起作用

热门标签

归档