uniappとwebviewのリアルタイムな相互作用方法は何ですか。

uniappとwebviewのリアルタイムな相互作用を実現するためには、uniappのuni.postMessageメソッドとwebviewのwindow.addEventListenerメソッドを使用することができます。

最初に、uniapp内で、uni.postMessageメソッドを使用してwebviewにメッセージを送信します。uniapp内では、メッセージを送信する必要がある場所でuni.postMessageメソッドを呼び出し、送信するメッセージの内容を渡すことができます。

uni.postMessage({
  data: 'Hello, webview!'
})

その後、Webビュー内で、uniappからのメッセージを監視するためにwindow.addEventListenerメソッドを使用します。以下のコードをWebビューのページに追加することができます。

window.addEventListener('message', function(event) {
  // 处理来自uniapp的消息
  var data = event.data;
  console.log('Received message from uniapp:', data);
});

webviewがuniappからのメッセージを受信した場合、messageイベントが発生し、event.dataを使ってuniappからのメッセージ内容を取得できます。

これにより、UniappとWebview間でリアルタイムのメッセージのやり取りが可能になります。