如何通过解耦的后端和前端进行社交身份验证（Passport / Express / React）

Question

我正在尝试使用 PassportJS / Express 后端和 React JS 前端来进行社交身份验证。但是，我不确定如何去做。

我做了一些阅读并实现了社交身份验证，当使用 Google Auth 登录时，它会返回由 Express 应用程序签名的 JWT 令牌。这允许我使用标头访问后端受保护的端点Authorization。

然而，如何通过 React 触发这一点，特别是因为对 Google 的调用应该直接通过前端进行（因此后端不使用 Passport JS 进行身份验证触发）？具体来说，当后端和前端解耦时，这个流程应该是什么样的？

Answer 1

实际上，哈哈，发帖后不久，我就发现了这个： https: //medium.com/@alexanderleon/implement-social-authentication-with-react-restful-api-9b44f4714fa

瘦者：

• 通过 Google 验证客户端
• 使用 Google 的令牌并发送到 Express 服务器；验证令牌是否经过身份验证并匹配
• 如果两者匹配，则发出用于 Express JS API 调用的 JWT 令牌。这应该存储在 localStorage 中。