1.设置“调试基础库”的版本

wx.showShareMenu api支持分享朋友圈的功能参数“menus”需要基础库2.11版本以上，因此首先在微信小程序开发工具里设置基础库为2.11版本以上

设置完成后，在点击小程序右上角的三个点，会出现“分享到朋友圈”的按钮，不过是灰色的，无法触发。

2.调用wx.showShareMenu api

在需要转发的页面的onLoad(onShow也可以)事件里加入如下代码：wx.showShareMenu({ withShareTicket:true, menus:['shareAppMessage','shareTimeline']

})

加入后，点击小程序右上角的三个点“分享到朋友圈”按钮就可以使用了

在开发工具里可以预览分享的效果

小程序提交审核发布后，在朋友圈里的分享效果如下

分享后的封面图是默认小程序的logo，标题是默认当前分享的小程序的页面导航标题。

点击打开小程序后，跳转到分享的小程序页面，点击不能直接使用小程序的跳转，需要点击下方的“前往小程序”才是真正进入小程序。

这个功能目前还有完善，在开发工具里里查看小程序的分享页，如果小程序里有“updateManager.onUpdateReady”方法来更新小程序，会提示报错：Cannot read property 'onUpdateReady' of undefined

目前小程序分享到到朋友圈的方式是：小程序单页模式，并不会直接打开小程序，无法交互。“单页模式”下，页面顶部固定有导航栏，标题显示为分享时的标题，非常适合阅读类、内容类、资讯类小程序；顶部导航栏与底部操作栏均不支持自定义样式。以后开发需要考虑单页模式的布局，同时也要考虑专门为转发朋友圈来设计页面导航标题。

有关单页面模式的适配和限制详见微信官方文档：

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

以上这些功能设计，就是微信防止此功能的滥用。

3.自定义分享的封面、标题和页面路径

可以使用页面的分享朋友圈事件处理函数：onShareTimeline()，

编写方法参考微信开发文档：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimeline

微信小程序都推出3年了，但转发一直不能转发到朋友圈，总算开了这个口子，这对小程序来说是巨大的利好，相信后续会不断完善，既增加小程序的曝光率，也防止滥用，这点我对微信的产品设计有信心，此前一直都非常克制。

小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能相关推荐

微信小程序可以用python开发吗_微信小程序可以用python开发吗
现有业务主要包括小程序开发及运营推广,APP开发,公众号开发以及H5开发,提供微信小程序开发.朋友圈广告.微信支付等服务,协助企业数字化转型,打造智能化.智慧化的商业体系尤其是一些品牌的云服务器的价 ...
微信小程序python解析获取用户手机号_微信小程序获取用户手机号
获取微信用户绑定的手机号,需先调用wx.login接口. 小程序获取code. 后台得到session_key,openid. 组件触发getPhoneNumber 因为需要用户主动触发才能发起获取手 ...
微信小程序上传图片到服务器总是失败_微信小程序怎么上传图片到服务器?
微信小程序怎么上传图片到服务器?相信很多人都会把小程序图片保存到本地吧,但是把图片上传到服务器就不一定了,下面一起随小编看看微信小程序怎么上传图片到服务器吧. 微信小程序怎么上传图片到服务器? 首先, ...
js添加关闭功能_微信小程序开发之添加夜间模式功能
使用微信小程序的用户越来越多,因为它使用起来非常方便,而对于开发人员来讲,则需要各种优化布局,使其更利于用户体验. 在微信小程序上,很多小程序都拥有夜间模式,深色模式等功能,今天来讲一下夜间模式的实现 ...
微信小程序云开发用户身份登录_微信小程序+云开发实现欢迎登录注册
前段时间和同学一起做了一个小程序,用来参加学校的比赛,完成后把项目内容分割一下,贴到博客上面,算是学习记录和总结吧. 因为是学生党,而且并没有很大的需要,所以选择了微信小程序为开发者提供的" ...
微信小程序界面从右边滑出_微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动，右侧滑动)...
本文实例讲述了微信小程序MUI侧滑导航菜单.分享给大家供大家参考,具体如下: 实现的目标--YDUI的Popup组件点击列表图标--左侧的菜单栏显示--点击关闭按钮或者右侧的遮罩层--左侧菜单栏关闭 ...
微信小程序界面从右边滑出_微信小程序页面溢出左右滑动问题
微信小程序页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...
微信小程序自动解决分包大小问题_微信小程序-分包 -每包2M
限制在2M以内.如果超过2M,可以通过分包加载实现,在app.json中配置即可, 小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载. 在构建小程序分包项目时,构建会输出一个 ...
微信小程序销毁某一注册函数_微信小程序注销手册
微信小程序一直存在一个问题:开发者不能注销自己的小程序. 之前当开发者需要彻底清除小程序信息时,只能够通过暂停服务或关闭"允许被搜索"的方式曲线救国.现在,这个问题终于解决了. 在 ...

小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能

1.设置“调试基础库”的版本

2.调用wx.showShareMenu api

3.自定义分享的封面、标题和页面路径

小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能相关推荐

最新文章

热门文章