React本机WebView中的身份验证

Question

我有一个工作的反应应用程序，我想通过添加显示WebView的选项卡，以灵活的方式扩展。在这里，用户将能够查看他们的个人资料信息，因此我需要能够对每个用户进行身份验证。

我不认为这很难实现，因为用户已经在应用程序中已进行了认证，但是显然不可能将自定义标头添加到React-nimative中的WebView中。社区组成部分反应本地网格视图也是如此。因此，我无法根据请求设置授权令牌。

这使身份验证的过程变得复杂，因此我正在寻找一种在WebView中进行身份验证的替代方法。令我惊讶的是，网上没有关于如何执行此操作的信息。那么，在反应本机WebView中处理AUTH的好方法是什么？

Answer 1

从WebView中您可以访问支持自定义标头的JavaScript中的fetch API。因此，您可以致电fetch。

fetch('https://example.com/profile/alice', {
  headers: {
    'Authorization': /* your token here... */
  }
}).then(function (response) {
  return response.json();
}).then(function (myJson) {
  console.log(JSON.stringify(myJson));
});