mongodb - 如何在我的 react-native 项目中重用现有 API(mongo + passport-local)？

Question

我有一个现有的 API(node + mongo + passport-local)，我已经使用了一段时间。我有一个 Users 模型和 Posts 模型。使用 postman ，我可以注册、登录和创建/编辑/删除帖子。

Users模型包含userid、username、displayname，当然还有passport自动加盐的密码/散列。

Posts 模型有postid, userid, title, text,和 创建日期。

我想在我的 react-native 应用程序中使用这个现有的设置。因此，如果我在 localhost:9000 或其他东西上运行此 API，并且我想在其上注册用户以及登录用户发布的任何新帖子，这可能吗？

我希望使用 redux 来管理我的用户状态。用户对象将初始化为 null，因此如果它为 null，则显示登录页面。现在忽略注册，所以如果用户输入用户名/密码并点击提交，userLogin 操作将触发，使用用户名/密码向 localhost:9000/login 发送 POST，我得到回复给我用户名和显示名称。用户对象已更新，并且由于它存在，用户将被路由到主应用程序页面。

我一直在尝试了解 react native 应用程序的用户身份验证，但到目前为止我发现的东西非常令人困惑。我尝试使用 parse 但在花了 2 个小时后无法让它工作，老实说我什至不明白它。我只想能够使用我的本地 API 并在本地进行测试。

谢谢

Answer 1

您可以使用 fetch 来执行“GET”和“POST”请求。用户名和密码进入正文对象。例如:

fetch('http://localhost:9000/login, {
      method: 'POST',
      crossOrigin: true,
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        email: email,
        password: pw
      })
}).then((r) => {r.json()})
.then((result) => {... do something with the result})

由于 fetch 返回一个 promise ，您可以在“then”语句中获得结果。

根据响应，您可以将商店中的状态更新为“已登录”或“已退出”。