node.js - 如何通过分离的后端和前端进行社交身份验证(Passport/Express/React)

Question

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

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

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

Answer 1

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

瘦子:

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