Передать данные из webview в приложение?

Question

Андрей Охотников @tsepen

Frontend developer

React Native

Передать данные из webview в приложение?

У меня есть страница авторизации через webview, как мне при успешной авторизации передать данные в приложение?

Вопрос задан более трёх лет назад
484 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

3 комментария

Андрей Охотников @tsepen Автор вопроса

Такой вариант подойдет чтобы передать данные из вебвью на сайт, а мне нужно наоборот, как это можно реализовать?

Написано более трёх лет назад
Андрей Охотников @tsepen Автор вопроса

у webview я нашел метод onmessage которым можно отловить сообщение , вот только как с сайта отправить это сообщение?

Написано более трёх лет назад

Роман Александрович @RomReed

Андрей Охотников,

onMessage = e => {
         console.log('onMessage', typeof (e.nativeEvent.data), e.nativeEvent.data);
    };


<WebView
                                    source={{
                                        uri: this.state.chosenCityUrl,
                                    }}
                                    javaScriptEnabled={true}
                                    ref={(b) => this._bridge = b}
                                    onMessage={event => this.onMessage(event)}
                                    injectedJavaScript="setTimeout(() => {document.addEventListener('scroll', function (event) {window.ReactNativeWebView.postMessage(JSON.stringify({top:document.getElementsByClassName('topconteiner')[0].scrollTop}));},true);}, 300);true;"
                                />

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

iOS

+1 ещё

Средний
Есть ли рабочий видео-плеер с поддержкой RTSP для React Native?
- 1 подписчик
- 17 нояб.
- 40 просмотров
0

ответов
React Native

Средний
Как получать различные уведомления СМС WhatsApp Telegram и др. в React Native?
- 1 подписчик
- 14 нояб.
- 35 просмотров
0

ответов
React Native

Средний
Как исправить ошибку Error: [Reanimated] Failed to create a worklet.?
- 1 подписчик
- 01 нояб.
- 59 просмотров
1

ответ
React Native

+1 ещё

Сложный
Возможно ли захватит аудио поток при использовании react-native-webrtc?
- 2 подписчика
- 07 окт.
- 59 просмотров
0

ответов
React Native

+1 ещё

Сложный
При использовании react-native-ble-manager не работает подписка на notifiction — при сборке приложения как Release, но работает в Debug, почему так?
- 1 подписчик
- 01 окт.
- 29 просмотров
1

ответ
React Native

Простой
Как называется компонент?
- 1 подписчик
- 22 сент.
- 47 просмотров
1

ответ
React Native

Средний
Как работает loader и defer с await вместе?
- 1 подписчик
- 18 сент.
- 33 просмотра
1

ответ
ВКонтакте

+1 ещё

Простой
Как встроить видео из ВК в приложение?
- 2 подписчика
- 16 сент.
- 127 просмотров
0

ответов
React Native

Средний
Какая библиотека подойдет для графика react-native, которая может отображать большое количество данных?
- 1 подписчик
- 13 сент.
- 24 просмотра
0

ответов
React Native

Средний
Как решить нестабильную работу task manager expo?
- 1 подписчик
- 30 авг.
- 26 просмотров
0

ответов
Показать ещё Загружается…

React Native developer (+Node.js)

CTRL+ • Москва

от 250 000 до 320 000 ₽

React Native Developer

Wanted. • Санкт-Петербург

До 300 000 ₽

Ведущий React Native разработчик

Студия 15

от 200 000 до 250 000 ₽

Интеграция бэкэнда с фронтендом и доработка (react + next + laravel)

24 нояб. 2024, в 20:45

42000 руб./за проект

Сверстать веб приложение на vue

24 нояб. 2024, в 19:46

1000 руб./в час

Стили/дизайн/верстка приложения на QT

24 нояб. 2024, в 19:43

30000 руб./за проект

Answer 1 · 2019-09-27 10:44:30

на вашем сайте размешаете необходимую вам функцию

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>WebView1</title>
<meta forua="true" http-equiv="Cache-Control" content="max-age=0"/>
</head>
<script type="text/javascript">
function testEcho(test){
  alert(test);
}
</script>
</body>
</html>

затем на Webview вещаете ref и в необходимом месте вызываете так

return this.webview&&this.webview.injectJavaScript("testEcho("+JSON.stringify({...result,token:this.state.accessToken})+");")

Передать данные из webview в приложение?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт