小程序模板网

微信小程序分享到朋友圈

2021-06-28 小颗颗

微信低调发布了小程序测试功能:“小程序分享到朋友圈”,这个看似微小的变化,对微信小程序来说意义重大。

微信小程序分享到朋友圈(图1)

目前小程序分享到朋友圈有以下2个限制:

a.仅支持Android平台,ios平台暂不支持
b.微信基础库限制2.11.3及以上

开发者设置分享小程序到朋友圈,有2种方式:

  1. wx.showShareMenu(),支持快速分享到朋友圈使用默认小程序标题,分享图为小程序logo,不可自定义参数。(uni-app已支持)
wx.showShareMenu({
  menus: ['shareAppMessage', 'shareTimeline'] //shareAppMessage必须得有
})

 

  1. 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) {
    },
})


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/26778.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询