学无先后,达者为师

网站首页 编程语言 正文

微信小程序 - 将页面可分享到朋友圈功能(两步完成)

作者:王佳斌 更新时间: 2022-02-26 编程语言

前言

官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

没有设置过分享朋友圈功能的小程序,分享朋友圈按钮是灰色且无法点击,如下图所示:
在这里插入图片描述

如果小程序页面,开启了 分享朋友圈 功能,是可用的状态,如下图所示:

一、开启功能

在想要开启分享朋友圈功能的页面,调用 wx.showShareMenu() 打开,分享朋友圈按钮才被激活(从灰色变为可用),上图所示。

打开要分享页面的 *.js 文件,在 onLoad 生命周期中加入以下代码:

// index.js
onLoad: function (options) {
  wx.showShareMenu({//具体详见文档
  	menus: ['shareAppMessage', 'shareTimeline'],
    success(res) {},
  	fail(e) {}
 })
},

二、设置分享配置

打开了分享朋友圈功能后,可能(非必须)需要配置一下参数。

建议您先看一下 onShareTimeline 官方文档,阅读一下注意事项,

打开要分享页面的 *.js 文件,在 Page({ ... }) 最外侧,加入以下代码:

//index.js
Page({
	data: {},
	onLoad() {},
	// 监听点击转发到朋友圈
	onShareTimeline() {
		// 具体详见文档
		// 使用默认配置也行,直接不用return了,一个空函数即可。
		return {
	      title: '',//自定义标题,即朋友圈列表页上显示的标题
	      query: {},//自定义页面路径中携带的参数
	      imageUrl: ''//自定义图片路径
	    }
	},
})

写在后面

请注意,目前分享到朋友圈功能并不成熟,处于测试中:
在这里插入图片描述
很多坑,等你来发现~

原文链接:https://wangjiabin.blog.csdn.net/article/details/123132616

栏目分类
最近更新