小程序分享带参数

小程序分享带参数,第1张

小程序分享分为朋友和朋友圈两种,带参数的方式分别不同。

发送给朋友也可直接选择文件传输。

朋友圈则需进入我的-朋友圈自行查看。

打开的页面都洞镇为当前页【培让分享单页】,底部会有官方跳转按钮。a页分享常规配颤局不支持打开指定b只能a页接参数自行处理。

注意两者方式不同

微信小程序分享功能的实现方法有两种:

第一种早改

在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面

第二种

自定义按钮实现分享,在page中添加一个带有open-type='share'的button标签(<button open-type='share'敬缓></button>)。点击该按钮后,即会自动触发已经在page.js中定义好的onShareAppMessage方法,实现分享功能。

<button open-type='share'>陆稿判分享</button>

获取分享传递的参数

如上例,path属性指向的是user页面,并附带id=123的参数。我们只需在user.js的onLoad函数中,通过options查看传递过来的参数:

小程序默认不能分享朋友圈,开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈,需满足两个条件:

    首先,页面需设置允许“发送给枯弊衡朋友”。具体参考 Page.onShareAppMessage 接口文档

    满足条件 1 后,页面需设置允许“分享到朋友圈”,同时可自定义标题、分享图等。具体参考 Page.onShareTimeline 接口文档卜孝

满足上述两个条件的页面,可被分享到朋友圈。

### 条件1:(在js中添加onShareAppMessage)

onShareAppMessage: function (ops) {

    wx.showShareMenu({

      withShareTicket: true,

      menus: ['shareAppMessage', 'shareTimeline']

   没做 })

}

### 条件2:(在js中添加onShareTimeline)

  onShareTimeline: function () {

    return {

      title: '分享的标题',

      query: {

        // key: 'value' //要携带的参数

      },

      imageUrl: ''  //分享图,默认小程序的logo

    }

  },

### 点击小程序右上方三个点分享朋友圈,效果如下:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12492083.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存