React Native WebView 中的身份验证

Question

我有一个工作的反应本机应用程序，我想通过添加一个显示WebView. 在这里，用户将能够看到他们的个人资料信息，因此我需要能够对每个用户进行身份验证。

我认为这不会很难实现，因为用户已经在应用程序中进行了身份验证，但显然不可能将自定义标头添加到react-native 中的WebView 中。社区组件react-native-webview也是如此。所以我无法在请求上设置授权令牌。

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

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));
});