Аутентификация в React Native WebView

Question

У меня есть работающее реактивное приложение, которое я хотел бы гибко расширить, добавив вкладку, которая отображает WebView.Здесь пользователь сможет видеть информацию своего профиля, поэтому мне нужно иметь возможность аутентифицировать каждого пользователя.

Я не думал, что это будет трудно реализовать, так как пользователь уже аутентифицирован в приложении, но, по-видимому, невозможно добавить пользовательские заголовки в WebView в реакции-нативном.И то же самое касается компонента сообщества response-native-webview.Поэтому я не могу установить токен авторизации для запроса.

Это усложняет процесс аутентификации, поэтому я ищу альтернативный подход для аутентификации в WebView.К моему удивлению, в Интернете не так много информации о том, как это сделать.Так что же является хорошим подходом для аутентификации в нативном WebView?

Answer 1

Из WebView у вас есть доступ к Fetch API в JavaScript, который поддерживает пользовательские заголовки.Таким образом, вы можете позвонить 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));
});