问题标签 [react-google-login]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
73 浏览

reactjs - Google 登录和 Facebook 登录在用 iframe 包装的 React Js 制作的 google chrome 扩展中不起作用

我正在尝试在用 iframe 包装的 React JS 制作的 chrome 扩展中通过 google 和 Facebook 实现登录。

我用于 google 登录的包是“react-google-login”,而对于 facebook 登录,我使用的是“react-facebook-login”。

在这两种情况下,google 登录和 facebook 登录按钮都是可见的,但在 google 登录的情况下,该按钮被禁用(不可点击),在 facebook 登录的情况下,该按钮是可点击的,但不会加载 facebook 用户选择器弹出窗口。

对于谷歌登录,我看到此警告消息“未捕获类型错误:无法在 HTMLScriptElement 读取未定义的属性(读取'加载')。”

0 投票
0 回答
42 浏览

javascript - react-google-login 钩子,react.js 中的自动注销

我刚刚用 react-google-login 钩子做了一个谷歌登录和注销功能。它运行良好。但我想为客户电子邮件添加过滤器。所以特定的客户应该用谷歌登录。我试图找到解决方案,但还没有找到解决方案。所以我想让特定客户在登录后自动注销。但我该怎么做呢?

0 投票
0 回答
43 浏览

reactjs - 使用 react-google-login 构建扩展(React)

我正在尝试将react-google-login包用于 React 中内置的 Chrome 扩展。当将该应用程序作为 Web 应用程序运行时,它可以完美运行。但是,使用扩展名则不会。我收到以下错误:

错误截图

我已经被这个卡住了一段时间,试图使用 manifest.json,但最终无法在网上找到一个有效的解决方案来使它与Chrome 扩展一起工作。

有没有人遇到过/解决过这个问题?

0 投票
0 回答
21 浏览

reactjs - Google 认证后如何使用 YoutubeAnalytics API

我正在 React 中开发一个 Web 应用程序,它应该访问用户的 Youtube 频道并显示所有数据和统计信息(YoutubeAnalytics API)。用户应首先向 Google 进行身份验证以使用其可用的 API,因此我使用react-google-login了它为我提供了一个“使用 Google 访问”按钮,该按钮启动了 OAuth 2.0 授权过程:

responseGoogle 函数返回一个对象,其中包含一个参数accessToken,据我所知,它应该用于调用 Youtube API:

(取自官方文档:https ://developers.google.com/youtube/reporting/guides/authorization/server-side-web-apps )

成功验证用户身份后,我尝试执行此 GET 调用,但总是收到 404 错误(在此服务器上找不到请求的 URL /youtube/analytics/v2/reports)。

我也尝试使用googleapis库(https://www.npmjs.com/package/googleapis),但它似乎无法在 React 上正常工作

0 投票
0 回答
41 浏览

google-auth-library-nodejs - 如何使用 react-google-login 获取 REFRESH_TOKEN

我正在使用react-google-loginReact 插件,它为我提供了一个用于 React 的 Google oAUth 登录/登录组件。这是我的组件:

通过插入accessType='offline'prompt='consent'我希望 GoogleLogin 与其他值一起返回 REFRESH_TOKEN 但它没有。

我还尝试插入responseType='code'GoogleLogin 道具,在这种情况下,我希望获得一个 AUTHORIZATION CODE,该代码应该用于通过发出 POST 调用来获取 ACCESS_TOKEN 和 REFRESH_TOKEN:

(取自 Google 提供的文档:https ://developers.google.com/identity/protocols/oauth2/web-server#exchange-authorization-code )

因此,在获得 AUTHORIZATION_CODE 后,我尝试进行此 post call,但我总是收到以下错误:

问题是:

  1. 我应该从 GoogleLogin 组件获取 REFRESH_TOKEN 吗?也许我错过了输入一些道具......
  2. 我是否应该获得 AUTHORIZATION_CODE,然后尝试通过向https://www.googleapis.com/oauth2/v4/token发出 POST 调用来与 REFRESH_TOKEN 交换它?
0 投票
0 回答
13 浏览

react-native - 如何修复错误:equest failed with status code 400 in react native google signin error 400?

为了处理 google 登录,我使用了 @react-native-google-signin/google-signin 包,它工作正常,直到请求失败,状态码为 400。 在此处输入图像描述

对于请求,我使用以下代码。

任何帮助将不胜感激!

0 投票
0 回答
6 浏览

react-google-login - 错误设计:react-google-login

我有一个反应谷歌登录按钮的设计错误。文本显示在按钮外。你能帮我吗 ?亲切地。

在此处输入图像描述

0 投票
0 回答
14 浏览

reactjs - 反应谷歌登录静默失败

如前所述,上面的代码会静默失败并触发 onFailure。id 令牌有效,范围在一个组织内。选择帐户的提示打开,我选择帐户,提示关闭,然后没有任何反应。