微信小程序> 微信小程序在webview页面做分享,并且把分享的参数传递给小程序

微信小程序在webview页面做分享,并且把分享的参数传递给小程序

浏览量:6801 时间: 来源:a_靖

QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票

本demo实现的功能,微信小程序给h5传参,h5给小程序传参

实现代码:

!--index.wxml --  web-view src="https://xxx.xxx.cn/test1.html?user=12" bindmessage="bindGetMsg"/

js

// index.jsPage({  data: {    shareObj: ''  },  onLoad: function(options) {    console.log('options', options)  },  bindGetMsg: function(e) {    this.data.shareObj = e.detail.data[e.detail.data.length - 1];  },  // 分享  onShareAppMessage(options) {    let shareObj = this.data.shareObj;    if (shareObj) {      return {        title: shareObj.shareTitle,        desc: shareObj.shareDesc,        path: shareObj.url,        imageUrl: shareObj.shareImage,        success: function(res) {          console.log(res)        }      }    }  },})

html代码

!DOCTYPE htmlhtmlheadmeta charset="UTF-8"script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"/scriptmeta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /title/title/headbodyscript type="text/javascript"var obj = {'url': '/pages/index/index?shareUserId=213214','shareDesc': '分享的描述','shareImage': 'https://profile.csdnimg.cn/4/6/5/2_qq_35713752','shareTitle': '要分享标题'}wx.miniProgram.postMessage({data: obj})console.log(getUrlkey(window.location.href))// url参数解析function getUrlkey(url) {var params = {};if(url.indexOf("?") != -1) {var urls = url.split("?");var arr = urls[1].split("&");for(var i = 0, l = arr.length; i  l; i++) {var a = arr[i].split("=");params[a[0]] = a[1];}} else {}return params;}/script/body/html

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎