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

Question

我正在尝试使用passportJS / Express后端，以及一个反应JS前端，用于社交认证。但是，我不确定如何这样做。

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

但是，如何通过React触发此操作，尤其是因为应该通过前端直接调用Google（因此后端不使用Passport JS执行身份验证触发器）？具体来说，当后端和前端都解耦时，该流程应该如何？

Answer 1

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

瘦子：

• 通过Google身份验证客户端
• 使用Google的令牌并发送到Express服务器;验证令牌已经过操作并匹配
• 如果两者都匹配，则发出一个JWT令牌以用于Express JS API调用。这应存储在localStorage中。