使用 Vue.js 进行身份验证 | Flask-RESTful 和 Google 登录

Question

我仍然是 Vue.js 和 Flask 框架的新手。我创建了一个简单的待办事项应用程序，它使用来自 Flask 的 JSON 端点并使用 Vue.js 来显示 UI。

我的应用有一个 TODO、PROJECT 和 USER 模型。我已经通过我自己的用户模型成功实现了“正常登录”。这个流程:

1. 用户填写用户名和密码。
2. 向 Flask API 发出 POST 请求，将用户和哈希密码保存在数据库中。
3. 用户可以通过/auth 端点登录并接收一个 JSON 网络 token 作为返回。
4. 当用户注销时， token 被销毁。

现在我想实现一个 google 登录以及现有的用户模型。我可以成功创建对 google API 的调用，并在 vue.js 客户端中从 google 检索用户数据。但这就是我被困的地方。

• 我现在应该在我的数据库中保存什么？我没有用户密码，只有一个 token ，用于稍后在我将数据发送到 Flask 服务器时进行识别。
• 我应该将 Google Auth 用户和普通用户都保存在同一个数据库表中吗？当我检索他们的信息以检查用户是否存在时，如何区分他们？

由于我非常关心将来构建安全的应用程序，所以我想真正了解在这种情况下的最佳实践是什么。

感谢您的帮助!

Answer 1

对于对此主题感兴趣的任何人:我最终将所有用户保存在同一个数据库表中，并创建了一个 bool 值，无论用户是使用密码/用户名还是使用 OAuth 提供程序登录的。如果是这样，所提供的 token 可用于验证用户。