E企盈营销工具技术服务商 热线:4006-838-530

小程序中嵌套的h5页面设置分享转发

E企盈直播平台营销卖货系统

场景描述:当在小程序中打开h5页面时,希望小程序的转发出去的标题,图片,跳转link可以通过h5通信实现自定义。实现方式:通过h5给小程序通信,发送标题,图片,跳转link等信息,让小程序设置分享。h5发送给小程序通信代码引用微信js1.3.2以上才支持,script type=”text/javascript” src=”//res.wx.qq.com/open/js/jweixin-1.3.2.js”/script判断h5是在小程序环境中打开代码:  //判断是否是小程序环境    function doMiniProgram(callback) {        try {            //小程序环境设置分享            var ua = window.navigator.userAgent.toLowerCase();            //判断是否是微信环境            if (ua.match(/MicroMessenger/i) == ‘micromessenger’) {                //微信环境                wx.miniProgram.getEnv(function (res) {                    if (res.miniprogram) {                        callback();                    }                })            }        }        catch (ex) {            console.log(ex);        }    }给小程序发送数据设置小程序分享://设置小程序分享    function setMiniProgramShare(shareTitle, imageUrl, shareUrl) {        try {            doMiniProgram(function () {                // 小程序环境下逻辑                wx.miniProgram.postMessage({ data: { title: shareTitle, path: shareUrl, imageUrl: imageUrl } })            });        }        catch (ex) {           console.log(ex);       }    }小程序接收&处理逻辑h5页面: web-view src=”{{url}}” bindmessage=”message”/js逻辑:Page({  data: {shareData:{}},  onShareAppMessage(options) {    return this.shareData  },  message (e) {    var that = this    console.log(e)    that.shareData = e.detail.data[0]  }})

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序中嵌套的h5页面设置分享转发
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏