react-native - 承载令牌身份验证 - httpReqest答案

【问题标题】：react-native - Bearer Token auth - httpReqestreact-native - 承载令牌身份验证 - httpReqest
【发布时间】：2016-09-30 03:54:22
【问题描述】：

我是本地反应新手，我需要一些帮助。

我正在为 android 编写一个带有 react native 的应用程序。

我已经实现了登录屏幕以及登录过程成功完成时应显示的所有屏幕。

我不知道要向我的本地主机网站发出带有不记名身份验证的 http 请求。请求方法是 GET。在我的应用程序中，我必须输入用户名和密码并将其发送到 https:/localhost/.../login。

到目前为止，这是有效的：我从登录屏幕的 TextInput 获取提示的用户和密码，并将两者发送到我的名为 httpRequest 的函数。

function httpRequest(name, password) {
var httpResponse = null;

// not implemented yet 

 }

我不知道如何开始......我应该从我可以在 react-native 文档上找到的 fetch-Get mehtod 开始吗？但是我应该如何使用不记名令牌（auth）

【问题讨论】：

标签： react-native httpresponse bearer-token

【解决方案1】：

这是新手在处理身份验证时面临的常见问题。

我建议你好好阅读https://auth0.com/blog/adding-authentication-to-react-native-using-jwt/

你需要一些高级知识来实现它，但无论如何你都会学习它。

【讨论】：

【解决方案2】：

您必须通过 POST 请求而不是 GET 请求将您的用户名和密码发送到您的后端。因此，您可以将名称和密码数据附加到请求的正文中。此外，您还需要使用fetch 来提出请求。

你可以这样做：

function httpRequest(name, password) {

  const user = {
    name,
    password,
  };

  fetch('https://mywebsite.com/endpoint/', {
    method: 'post',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    },
    body: JSON.stringify(user)
  })
    .then(res => res.json())
    .then(data => {
      console.log(data);
      // data should contain a JWT token from your backend
      // which you can save in localStorage or a cookie
    })
    .catch(err => console.log(err));

}

还可以查看我对这个问题的回答，了解用于轻松生成标头的 fetch 辅助函数。它包括一个用于轻松将 JWT 令牌添加到您的请求的部分。

How to post a json array in react native

【讨论】：

感谢您的帮助和时间。我要试试看:)