小程序分享H5页面

1、在要分享的按钮上写一个跳转

<navigator url="../invite1/invite1">
  <button class="invite_btn">立即邀请</button>
</navigator>

2、再新建一个页面invite1,新建一个web-view

wxml页面

<web-view src="{{shareUrl}}"></web-view>
js页面

定义一个变量,并对其赋值。

data:{
  shareUrl: null
},
onLoad: function (options) {
  var that = this
  that.setData({
    shareUrl: "http://test.meetfit.com.cn/share/active/?userId=" + id + "&userName=" + nickname
  })
},
3、分享js
onShareAppMessage: function (res) {
  var that = this
  if (res.from === 'button') {
    // 来自页面内转发按钮
    console.log(res.target)
  }
  return {
    title: '分享H5',
// 这一点很重要哦,小程序只能打开自己的页面,所以需要本地的地址+webViewUrl的地址才行。
    path: "/pages/mine/invite1/invite1?url=" +res.webViewUrl,  
    imageUrl: "",
    success: (res) => {
      if (res.data.code == 0) {
        wx.showToast({
        title: '发送邀请好友成功',
        icon: 'success',
        duration: 2000
      })
    } else {
     wx.showToast({
      title: res.data.message,
      icon: 'none',
      duration: 2000
    })
   }
  },
    fail: (res) => {
    console.log("转发失败", res);
    }
  }
}

猜你喜欢

转载自www.cnblogs.com/chengmingxiaowu/p/9766211.html