[Vue] 앱과 웹뷰 통신

여러가지 작업을 진행하다보면 웹뷰를 앱에 넣는 경우를 선호하는 경우가 생각보다 많다. (아주아주 많다..)

여러가지의 리스크들이 존재하지만 , 하나의 웹뷰를 다방면에서 재사용한다는 것에 아주 큰 매력을 느끼시나보다.

이런경우 웹뷰 환경을 열고, 닫고, 웹뷰에서 앱뷰 환경을 띄우고 등등의 여러가지 액션을 취해줘야 한다.

 

환경 : Vue2 + 플러터

try {
	//여기서 webToAppShareUrl 은 앱팀에서 받은 이벤트명이다
    window.webToAppShareUrl.postMessage(`앱팀과 협의`);
} catch {
    console.log('웹뷰일경우 이벤트 실행')
}