웹브라우저 포스트 메시지 가이드

이 화면은 웹프라우저 컴포넌트의 postmessage에 대한 샘플 화면이다.

웹브라우저에 로딩된 WEBPAGE가 xFrame5 화면이 로딩된 도메인과 다른 경우에는 웹브라우저 로딩된 페이지에 직접 접근이 제한된다.(CORS)

이런경우, WEBPAGE로 데이터를 전달하기 위해서는 웹브라우저의 postmessage API를 통해서 데이터를 전달할 수 있다.

WEBPAGE에서 postMessage API를 통해서 송신한 데이터를 xFrame5에서 수신하기 위해서는 화면의 on_postmessage 이벤트 핸들러를 사용한다.

템플릿 위치: /HTML5/COMPONENT/WEBBROWSER/webbrowser_postmessage

템플릿 파일

• webbrowser_postmessage.xml
• webbrowser_postmessage.js
• 새창으로 실행

function screen_on_postmessage(message, origin, src_screeninst)
{
	screen.alert("xframe5: screen_on_postmessage> " + message);
}

function btn_postmessage_on_mouseup(objInst)
{
	webbrowser.postmessage("XFRAME5->WEBPAGE");
}