개요

Cordova 하이브리드 앱 연동 가이드에 대한 내용입니다.

📘

Cordova SDK 2.5.0 부터 해당 기능이 지원됩니다.

interface

class AirbridgeWebInterface {
  handle(command: string): void;
  script: string;
}  

return 받은 WebInterface 를 통해 javascript interface 를 활용 할 수 있습니다.

이용가이드

const webInterface = Airbridge.createWebInterface(
  'YOUR_WEB_TOKEN',
  (function (arg) {
    return `window.postMessage(${arg})`;
  }));

const script = document.createElement('script');
script.innerHTML = webInterface.script;
document.head.appendChild(script);

window.addEventListener("message", function (message) {
  webInterface.handle(message.data);
});

console.log('<-- initInterface end');

📘

YOUR_WEB_TOKEN 은 대시보드의 Settings > Tokens > 웹 SDK 토큰 에서 확인할 수 있습니다.

1. web interface 를 생성한다. postCommandFunction 에 app 으로 native channel로 메세지를 보내는 javascript 를 작성한다.
2. script element 를 생성하여 webInterface 에서 injection 할 script (webInterface.script)를 넣어준 뒤 head 혹은 body 에 추가한다.
3. 전달 된 message 를 처리하기 위해 window.addEventListener 를 통해 해당 message 를 listener 를 등록한다. 해당 listener 를 통해 들어온 message 는 webInterface.handle 을 통해 전달한다.