微信小程序开放「分享到朋友圈」功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序“分享到到朋友圈”,这个看似微小的变化,对微信小程序来说意义重大。
用fenng大的话说就是:
目前此功能没有完全放开,需微信安卓7.0.16版本才支持,灰度测试 ,iOS版本暂不支持。
微慕小程序专业版和微慕小程序增强版已经支持该功能。
想让小程序提供“分享到朋友圈”的功能,小程序端需要通过调用wx.showShareMenu 这个api,支持此功能,具体的操作步骤如下:
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年了,但转发一直不能转发到朋友圈,总算开了这个口子,这对小程序来说是巨大的利好,相信后续会不断完善,既增加小程序的曝光率,也防止滥用,这点我对微信的产品设计有信心,此前一直都非常克制。
---------------------------------------
原文链接:https://www.watch-life.net/wechat/wechat-mini-programs-sharetimeline.html
微信小程序开放「分享到朋友圈」功能相关推荐
- 微信小程序将支持分享到朋友圈;美团入局社区团购;Kotlin 1.4-M3 发布 | 极客头条
整理 | 屠敏 头图 | CSDN 下载自东方 IC 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 一分钟 ...
- html 调用weixinsharetimeline,微信小程序使用onShareTimeline分享到朋友圈的方法
最近微信小程序终于公测了一个分享到朋友圈的功能,这对营销来说可是一个很重要的功能啊.如何使用这个功能呢?这里详细介绍一下. 使用到的函数onShareTimeline()与onShareAppMess ...
- 微信小程序如何直接分享到朋友圈?
近日微信终于公开了小程序分享到朋友圈,下面就分享一下技术上如何将小程序分享到朋友圈吧. 官方技术文档如下: 分享到朋友圈(Beta) 从基础库 2.11.3 开始支持 此功能为beta版,暂仅在And ...
- 微信小程序通过保存图片分享到朋友圈
说明 首先说明一点,小程序内是不能直接分享到朋友圈的.所以只能通过生成图片,携带小程序二维码,保存到手机相册,让用户自己选择发到朋友圈.然后可以通过在小程序中识别二维码来进入小程序的指定页面.参考市面 ...
- uniapp实现微信小程序点亮分享到朋友圈权限
在可分享的页面文件里写: onShareAppMessage(){return {from:"menu"} }, onShareTimeline(){}, 微信官方文档: 效果:
- 重磅:小程序将可分享到朋友圈啦!
昨天(6日)深夜,几张小程序截图在行业中流传,截图显示,小程序已可正式分享到朋友圈. 这表明,微信最大的流量池将向小程序敞开,毫无疑问,小程序也将迎来更大一轮爆发. 如下四张截图,正是部分行业群内流传 ...
- 小程序分享朋友圈_重磅:小程序将可分享到朋友圈
昨天( 6 日)深夜,几张小程序截图在行业中流传,截图显示,小程序已可正式分享到朋友圈. 这表明,微信最大的流量池将向小程序敞开,毫无疑问,小程序也将迎来更大一轮爆发. 如下四张截图,正是部分行业群内 ...
- 小程序分享到朋友圈功能_小程序开发日记 分享到朋友圈
贵州 水司楼 图片来自 视频截图 最近微信小程序开始公测小程序分享到朋友圈的功能了.记得前两天刚开始内测时,小程序社区里就不断有人发帖问关于分享到朋友圈的各种问题.很显然大家对这个新特性都特别关心.那 ...
- 微信小程序如何支持分享给朋友和分享到朋友圈?如何解决分享朋友圈灰色问题
微信小程序分享给朋友和分享到朋友圈,都需要在小程序编写代码实现. 目录 1.官方文档 2.分享给朋友,即转发 3.分享到朋友圈 4.常见问题 4.1.分享朋友圈灰色 4.2.如何测试分享给朋友 4.3 ...
最新文章
- 一个在raw里面放着数据库文件的网上例子
- Halcon初学者知识:用set_paint直观显示图像的属性
- 3.1 cat:合并文件或查看文件内容
- 数字效率Evernote超效率数字笔记术
- jdk8和hotspot_HotSpot的-XshowSettings标志的简单性和价值
- 找不到libmmd.dll无法继续执行代码_代码中的软件工程 - xieyupei
- TP-LINK无线上网短信Wifi认证配置流程
- 媒体播放器之:TCPMP播放器简介
- 物联网(IoT)课程
- Python-初应用:乌龟吃鱼(菜菜狂踩雷现场、典型低级错误)
- 计算机设置密码命令,win7设置电脑开机密码的命令和方法
- 小白:测试的逻辑思维
- [ROS] KDL + DH 参数 + 正解
- ruoyi-vue集成积木报表
- 【JAVA】使用intellij IDEA将项目打包为jar包
- 华为云 ModelArts——简单的机器学习 初体验
- 企业重大危险源评估分级[分级标准]
- office/word 2010添加页眉页脚
- OpenShift 4 - 从 1.3G 到 50M,以最小化的可执行程序运行 Quarkus 微服务
- 微信小程序通过百度智能云实现人脸检测