问题标签 [react-google-login]

我已经搜索了在使用 React js 的应用程序和使用 Node js 的服务器中实现登录的实现，我发现了两种不同的处理方法。

1）从react应用重定向到后端定义的GOOGLE_CALLBACK_URL，然后接收一个带有状态和jwt的url，以防登录。

2）使用 react-google-login 库和 clientId 它将自动打开以使用 google 登录，并在 onSuccess 事件中收到令牌，该令牌称为后端的端点，因此如果该用户可以管理数据库中已经存在/不存在，并使用所需的信息进行响应。

2 个选项中哪个是正确的？

我制作了goole登录和注销系统react-google-login

我在这里检查示例代码，并在我的源代码中实现。

现在，登录效果很好，但是当单击注销按钮时，它会显示登录弹出窗口。

我无法将我的 Devise Token Auth 与我从谷歌返回的令牌连接起来。

我将这个包用于按钮： https ://www.npmjs.com/package/react-google-login

这是我要设置的身份验证： https ://github.com/lynndylanhurley/devise_token_auth/blob/master/docs/config/omniauth.md

我收到了来自谷歌的响应按钮的回复，但我不知道这些信息必须如何翻译才能返回到设计身份验证。

这两种技术之间严重缺乏在线信息。它归结为如何将这个 ruby​​ 标签翻译成反应：

我正在使用 React Js 和 react-google-login yarn 模块来实现使用 google 功能登录，但我有一个问题，即整个页面加载后按钮加载的时间很晚。它起初是灰色的，然后在一段时间后启用。我正在使用延迟加载在页面上呈现整个登录组件，

我已经尝试在 react-google-login 以与上述类似的方式提供的 GoogleLogin 组件上使用延迟加载和 @loadable ，并且我已经尝试使用钩子实现，然后直接使用谷歌登录 API 而不使用任何依赖项。我找到了这个答案，但我不明白它要我做什么： 预加载脚本

最让我困惑的部分是如何为已安装的依赖项预加载脚本。

如果有一种完全不同的方法可以消除这种滞后，也可以，比如在组件加载后加载页面。谢谢你。

所需的输出示例：StackOverflow 登录页面

我已经按照文档实现了 React Google 登录

在我所拥有的之下：

但是我找不到设置最大登录尝试次数的选项？任何想法。

我正在尝试使用“react-google-login”进行社交登录。

.env 根目录

准备好了.tsx

在clientId中，它说

没有重载匹配此调用。Overload 1 of 2, '(props: GoogleLoginProps | Readonly): GoogleLogin'，给出了以下错误。键入'字符串 | undefined' 不可分配给类型 'string'。类型“未定义”不可分配给类型“字符串”。Overload 2 of 2, '(props: GoogleLoginProps, context: any): GoogleLogin'，给出了以下错误。键入'字符串 | undefined' 不可分配给类型 'string'。类型“未定义”不可分配给类型“字符串”.ts(2769) index.d.ts(80, 12)：预期类型来自属性“clientId”，该属性在此处声明类型为“IntrinsicAttributes & IntrinsicClassAttributes & Readonly &只读<...>'

我不知道为什么它说它可以是未定义的。它适用于本地，但不适用于生产部署。任何人都可以帮忙吗？

我正在尝试添加一个侦听器，以查看用户在访问该网站时是否曾登录过谷歌。

isSignedIn 道具似乎仅在我单击登录按钮时触发。我是否必须从谷歌文档中实现类似的东西？

感谢任何意见或帮助将不胜感激

我正在尝试在我的 react js 应用程序中集成 Google 登录。好吧，我正在使用 react-google-login 包来实现它。当我通过 npm start 启动它时，它工作得很好。但是当我通过 VSCode 中的调试器启动我的应用程序并尝试进行谷歌登录时，它会引发以下错误。

我的启动配置是

我已经尝试过，允许不安全的应用程序在我的 id 的谷歌设置上登录。

编辑：添加登录代码

我有一个非常烦人的问题，我需要使用 google oauth 登录。

我正在使用react-google-login

它记录了用户，但之后我想在条件上询问更多权限。

但每次它主要拾取旧范围openid，email并且profile。

我已经尝试注销用户并使用新范围重新登录，但它再次选择旧范围。

但是如果我以新权限重新登录，那么它可以工作（只是第一部分）但无法授予更多权限。

谁能告诉我为什么会这样，我该如何解决这个问题？

在我的 App.js

我的utilis.js

谁能帮我这个。我不能让它运行。我正在使用 Firebase Web 版本 9。我尝试使用版本 8 中的简单版本