uniapp应用直接传递消息(uniapp打包成h5供另一个uniapp应用访问间的通信

uniapp应用直接传递消息(uniapp打包成h5供另一个uniapp应用访问间的通信)

实现如下
1.访问https://gitee.com/dcloud/uni-app/raw/master/dist/uni.webview.1.5.2.js,将代码复制到本地h5项目里,如图:
在这里插入图片描述
2.在uniapp h5项目里的main.js进行引入

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-view(基本用法: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)
   		},
 }
  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值