liren123.cn
1.微信小程序设置
index.wxml
<view class="container">
<web-view src="{{webUrl}}" bindmessage="msgHandler"></web-view> //通过web-view绑定现有的H5网站页面
</view>
index.js
msgHandler: function (e) { //(h5像小程序传递参数）
console.log(e.detail.data) //获取到来自也页面的数据
var info = (e.detail.data)[e.detail.data.length-1]
this.setData({
value: info.value
});
//console.log('msgHandler:value: info.value:' + this.data.value)
this.setData({
title: info.title
});
//console.log('msgHandler:value: info.title:' + this.data.title)
},
onLoad: function (options){
var webUrl = '';
if (options.value) {//获取转发过来的参数
webUrl = options.value;
console.log('onLoad:webUrl = options.value'+webUrl)
} else {
webUrl = "https://liren123.cn";
console.log('onLoad:webUrl = "https://liren123.cn' + webUrl)
}
this.setData({
webUrl: webUrl
})
},
//转发
onShareAppMessage: function (options){
var that = this;
//console.log('onShareAppMessage:data.title1=' + that.data.title);
//console.log('onShareAppMessage:data.link1=' + that.data.value);
return {
title: that.data.title,
path: '/pages/index/index?value=' + that.data.value,//小程序像h5传递参数
success: function (res) { }
}
}
2.H5页面设置
<script type="text/javascript">
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') { //判断是不是微信环境
wx.miniProgram.getEnv(function (res) {
if (res.miniprogram) {
var info = {
title: '测试',
value: window.location.href,
};
wx.miniProgram.postMessage({
data: info
});
} else {
//如果不是...可以忽略,或者去掉这部分
window.location.href ='www.baidu.com'
}
})
} else {
//如果不是...可以忽略,或者去掉这部分
window.location.href ='liren123.cn'
}
</script>
