uniapp アプリケーションはメッセージを直接配信します (uniapp は、別の uniapp アプリケーション間の通信のために h5 にパッケージ化されています。

uniapp アプリケーションはメッセージを直接配信します (uniapp は、別の uniapp アプリケーション間の通信のために h5 にパッケージ化されています)。

実装は次のとおりです。
1. https://gitee.com/dcloud/uni-app/raw/master/dist/uni.webview.1.5.2.js にアクセスし、コードをローカルの h5 プロジェクトにコピーします。図:
ここに画像の説明を挿入します
2. Main.js の uniapp h5 プロジェクトが導入されます

import * as uni from './common/uni_webview.js'  

document.addEventListener("UniAppJSBridgeReady", function() {
    
     
	console.log("ewee")
	
    Vue.prototype.myUni = uni
});
var foo = 'bar';

ここに画像の説明を挿入します
3. uniapp h5 プロジェクトは、次のように実装された別のプロジェクトにメッセージを送信します。

this.myUni.webView.postMessage({
    
      
				        data: {
    
      
				          action: "xxxxxxxx",  
				        },  
				      });  

4. 別のプロジェクトは次のようにメッセージを受け取ります。
(1) Web ビューの統合 (基本的な使用法: https://uniapp.dcloud.io/component/web-view)

<web-view ref="webview" src="http:/xxxx" **@message**="handleMessage">
		</web-view>

(2)メッセージの受信

 methods: {
    
    
   		handleMessage: function(data) {
    
    
   			console.log("data", data)
   		},
 }

おすすめ

転載: blog.csdn.net/qq_38847655/article/details/122661209