微信小程序分享到朋友圈
发布时间：2021-06-28 11:08 所属栏目：小程序开发教程
微信低调发布了小程序测试功能:“小程序分享到朋友圈”，这个看似微小的变化，对微信小程序来说意义重大。
目前小程序分享到朋友圈有以下2个限制：
a.仅支持Android平台，ios平台暂不支持
b.微信基础库限制2.11.3及以上
开发者设置分享小程序到朋友圈，有2种方式：
- wx.showShareMenu()，支持快速分享到朋友圈使用默认小程序标题，分享图为小程序logo，不可自定义参数。（uni-app已支持）
wx.showShareMenu({
menus: ['shareAppMessage', 'shareTimeline'] //shareAppMessage必须得有
})
|
- onShareTimeline()，支持自定义分享到朋友圈的小程序标题、分享图，自定义query参数。（uni-app截止发文暂不支持）
//注意必须得设置允许“发送给朋友”onShareAppMessage，是设置onShareTimeline的前提，否则不支持分享到朋友圈
onShareAppMessage: () => {
},
onShareTimeline: () => {
return {
title: "测试小程序朋友圈分享",
query: "id=110101&name=heyzqt",
imageUrl: "https://example.cn/test.png"
}
},
|
单页模式
用户在朋友圈打开分享的小程序页面，虽然是小程序里的一个页面，但是不会真正打开小程序，可以理解成只用来预览的一个单页小程序模板。
Page({
//页面的初始数据
data:{
},
//自定义函数
// 用户点击右上角分享给好友,要先在分享好友这里设置menus的两个参数,才可以分享朋友圈
onShareAppMessage: function() {
wx.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
})
},
//用户点击右上角分享朋友圈
onShareTimeline: function () {
return {
title: '',
query: {
key: value
},
imageUrl: ''
}
},
//生命周期函数--监听页面加载
onLoad: function(options) {
},
})
|
