小程序: 右上角的分享

1. 页面 js 中: 只有添加了  onShareAppMessage( ),该页面才能被分享

 

2. onShareAppMessage( )中的设置: 需要return { }

小程序: 右上角的分享
onShareAppMessage: function () {
     var that = this;
    // 设置菜单中的转发按钮触发转发事件时的转发内容
    return {
      title: "",        // 默认是小程序的名称
      path: `/pages/enjoy/enjoy?type=${that.data.type}&id=${that.data.id}`,        // 默认是当前页面,必须是以‘/’开头的完整路径
      imgUrl: ‘‘,     //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
        success: function(res){
        // 转发成功之后的回调
        if(res.errMsg == ‘shareAppMessage:ok‘){
               console.log(‘转发成功‘)
        }
      },
      fail: function(){
        // 转发失败之后的回调
        if(res.errMsg == ‘shareAppMessage:fail cancel‘){
                console.log(‘用户取消转发‘)
        } else if(res.errMsg == ‘shareAppMessage:fail‘){
                console.log(‘转发失败‘)
        }
      },
       complete: function() {
        // 转发结束之后的回调(转发成不成功都会执行)
      }
      }
  }
View Code

其中: title -- 设置转发时的标题

            path -- 打开分享时跳转到的页面

            imgUrl -- 设置转发时的图片

 

3. 获取携带的参数 

    

小程序: 右上角的分享
// 点击分享进入的页面 -- 即 path中指向的页面
Pages({

   onload: function(options) {
       console.log(options)  // 获取到携带的参数
   }
 
})
View Code

 

小程序: 右上角的分享

上一篇:.net Core 调用微信Jsapi接口,H5解析二维码


下一篇:坑:微信小程序wx.request和wx.uploadFile中传参数的区别