使用React Frontend的Django Google登录

Question

这个问题可能非常简单，但是我已经搜索了一段时间了，并且没有找到确切的解决方案。
我正在尝试使用React的前端和Django的后端实现Google登录。
我到底要怎么做？我已经看到了将 token 发送到后端的解决方案，然后 token 从后端检索Google API的必要信息，并根据 token 从数据库中创建或检索用户。但是，这似乎是基于JWT的，我想知道是否可以使用简单的Django Auth Token来实现相同的功能？
也许我只是盲目，但我确实找不到合适的解决方案。
谢谢你的帮助!

Answer 1

在经历了许多失败之后，我实际上是在几分钟前进行此工作。试图找到与React一起使用的解决方案真的很头疼。但是我已经设法通过https://www.npmjs.com/package/react-google-login在React前端轻松设置了Google登录名。这应该是您需要采取的第一步。
之后，您将需要使用django_allauth在Django后端上设置社交登录。基本上，这个想法是，一旦用户通过google登录，或者确切地说是单击前端的“使用Google登录”按钮，就会从Google检索google access_token并将其与其他数据一起保存在本地存储中。此处仅对access_token感兴趣。因此，您将需要使用此access_token并将其通过您将要设置的 View 的Rest API发送到Django后端。这将使Google用户数据保存在社交帐户下的数据库中，并最终在应用程序中登录它们。从那时起，一切应按照您通常使用电子邮件和用户名登录的方式继续进行。也就是说，如果使用JWT，则会从后端返回一个jwt token ，您希望该 token 应该能够保存在本地存储中。在我的React应用程序中，我使用此 token 进行身份验证，因此，只要我将 token 存储在本地存储中，就可以登录用户。
Pratik Singh Chauhan在他的第1部分教程-> https://medium.com/@pratique/social-login-with-react-and-django-i-c380fe8982e2和第2部分-> https://medium.com/@pratique/social-login-with-react-and-django-ii-39b8aa20cd27中做了很好的解释。