Mobile Platform as a Service:Webview コンポーネント制御

webviewContext を作成することで、ミニプログラムに web-view にメッセージを送信する機能を提供できます。

my.createWebViewContext(webviewId)

このインターフェイスは、webviewContext を作成することにより、ミニプログラムから web-view にメッセージを送信する機能を提供するために使用されます。web-view コンテキスト webViewContext オブジェクトを作成して返します。

パラメータ

戻り値

webViewContext オブジェクト。

webViewContext は、webviewId を介して web-view コンポーネントにバインドされ、いくつかの機能を実装できます。

webViewContext オブジェクトのメソッドは次のとおりです。

コードサンプル

<view>
  <web-view id="web-view-1" src="..." onMessage="onMessage"></web-view>
</view>

Page({
  onLoad() {
    this.webViewContext = my.createWebViewContext('web-view-1');
  },
  // HTML5 からのメッセージを受信する
  onMessage(e) {
      console.log(e); //{'sendToMiniProgram': '0'}
    // HTML5 にメッセージを送信する
    this.webViewContext.postMessage({'sendToWebView': '1'});
  }
})

// HTML5 の JS コードでは、ミニプログラムからのメッセージを受信するために、最初に my.onMessage を定義する必要があります。
my.onMessage = function(e) {
    console.log(e); //{'sendToWebView': '1'}
}
// HTML5 がミニプログラムにメッセージを送信する
my.postMessage({'sendToMiniProgram': '0'});