Bridge 2

안드로이드 웹뷰와 웹워커 브릿지 (android + webview + webworker bridge example) 샘플

목적 안드로이드에서 웹뷰를 실행한후 브릿지를 이용하여 연동하는 방법과 웹뷰와 웹워커를 이용합니다. 서버에서 받은 TR 을 분석하는 일을 웹워커에게 전달후 TR 분석 작업이 끝나면 json 데이터를 html 페이지에 돌려주는 방법 입니다. 또한 디자인패턴의 테플릿 메소드 패턴을 사용하여 추가되는 TR 분석은 클래스만 만들어서 사용합니다. 하고자 하는 것을 정리해보면 아래와 같습니다. 웹뷰에서 조회1 클릭 네이티브로 데이터 전송 ( TrMake.js window.HybridApp.sendMessage ) 네이티브에서 데이터 받음 ( webView.addJavascriptInterface(new AndroidBridge(), "HybridApp"); ) 네이티브 -> TR 서버 데이터 전송 서버 TR 응답 데..

프로그래밍/Js 2023.02.28

flutter webview 와 네이티브간의 데이터 통신 webview-javascript-bridge 사용

flutter 네이티브와 웹뷰와 데이터 통신하는 방법을 알아보도록 하겠습니다. webview 에서 버튼을 클릭하면 javascript 함수에서 flutter 를 호출합니다. 버튼 클릭시 webviewjsbridge 로 전송됩니다. decoding 해보겠습니다. 웹페이지의 javascript 에서 보낸 json 이 출력됩니다. . webview -> 네이티브 /lib/main.dart /* https://github.com/flutter/flutter/issues/117333 https://pub.dev/packages/webview_javascript_bridge https://blog.steinjun.net/post/8 */ import 'package:flutter/material.dart'; imp..