Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 客户端Google OAuth 2.0在Instagram中停滞不前';s网络视图_Javascript_Reactjs_Oauth 2.0_Google Oauth - Fatal编程技术网

Javascript 客户端Google OAuth 2.0在Instagram中停滞不前';s网络视图

Javascript 客户端Google OAuth 2.0在Instagram中停滞不前';s网络视图,javascript,reactjs,oauth-2.0,google-oauth,Javascript,Reactjs,Oauth 2.0,Google Oauth,我有一个工作的客户端javascript OAuth 2.0包,通过Google处理身份验证。但当我试图用它在Instagram或Facebook网络视图中注册或登录我的网站时,我得到一个无限的加载循环和一条非常小的消息:“请稍等…”- 研究这个问题,我发现谷歌目前正在鼓励开发人员切换到web浏览器身份验证流,这似乎就是我所拥有的——但我真的不知道是什么原因导致Insta陷入困境而不抛出错误。我应该提到的是,这个流程在Twitter的网络视图中非常有效。似乎只有FB拥有的平台 我将包括一些前端

我有一个工作的客户端javascript OAuth 2.0包,通过Google处理身份验证。但当我试图用它在Instagram或Facebook网络视图中注册或登录我的网站时,我得到一个无限的加载循环和一条非常小的消息:“请稍等…”-

研究这个问题,我发现谷歌目前正在鼓励开发人员切换到web浏览器身份验证流,这似乎就是我所拥有的——但我真的不知道是什么原因导致Insta陷入困境而不抛出错误。我应该提到的是,这个流程在Twitter的网络视图中非常有效。似乎只有FB拥有的平台

我将包括一些前端代码(React,使用“gapi-client”包装器),因为我认为这不是后端问题。我将令牌发送到我的Django服务器以最终转换它,但我认为它在发生这种情况之前被锁定在重定向上

安装:

    gapi.load("client:auth2", () => {
      gapi.auth2.init({client_id: "<CLIENT ID KEY>"});
      });

自从宣布新的变化以来,有没有人在Insta或Facebook上与Google OAuth 2.0有过类似的问题?您在哪里寻求解决方案,您需要对OAuth包做哪些更改来修复它?谢谢

你解决了这个问题吗?
const authenticate = () => {
      let gProfileObject = gapi.auth2.getAuthInstance();
      let scope = "profile email";

      return gProfileObject
          .signIn({scope: scope})
          .then((res) => {
                let username, googleResponse; 
                if (res.w3) {
                  googleResponse = res;
                  username = res.w3.U3;

                  localStorage.setItem("goog_avatar_url", googleResponse.w3.Paa);
                  localStorage.setItem("goog_name", googleResponse.w3.ig);
                  localStorage.setItem("goog_email", googleResponse.w3.U3);
                }

       //MOVES ON TO THE NEXT STEP IN THE SIGNUP PROCESS, COLLECTING ADDITIONAL INFORMATION FROM THE USER

       this.props.oAuthToggle(googleResponse.Zi.access_token);
       this.props.handleSpecialSubmit();
                }).catch(err => {
                    console.log(err)
          )
    };