본문 바로가기

WebView2

[React-Native] React native 와 WebView 데이터 통신 에러 React Native에서 WebView로 띄우고 데이터를 주고받는 작업에서 다른페이지는 괜찮았는데 KMC인증페이지를 호출하는데 계속 이러한 에러가 발생했다. Setting onMessage on a WebView overrides existing values of window.postMessage, but a previous value was defined 특히 이놈이 안드로이드는 문제가 없는데 IOS에서만 계속 에러가났다.. 알아보니 문제는 iOS에서 window.postMessage 호출을 연속적으로 수행 하면 마지막 호출이 성공할 때까지 메시지가 전달되기 전에 URL이 무시 될 때마다 첫 번째 호출이 손실 된다는 것 이 문제에 대해 수정은 여전히 진행되고 있는 중인것 같다. 일단 찾아서 해결한 방.. 2019. 6. 20.
[React-Native] React native 와 WebView 데이터 통신 React native 와 webView 데이터 통신 회사에서 react natve에서 webview를 띄워주고 webview안에서 액션이 있을경우 react native로 return값을 줘야하는 작업이 있었다. 그래서 어떤 식으로 메시지를 주고받을 수 있는지 알아보게 되었다. 기본적으로 에서 사용할 수 있는 API는 3가지가 있다. 1. injectedJavaScript WebView안에서 실행할 JavaScript 코드를 삽입할 수 있다. console.log(navEvent.jsEvaluationValue)} /> 2. injectJavaScript 반환 값 없이 WebView에서 즉시 실행되는 JavaScript 코드를 삽입할 수 있다. 3. onMessage/postMessage 실제적인 양방.. 2019. 6. 19.