看到各种大V和技术圈都说在小程序分享到朋友圈的事情,不少人忍不住开始尝试起来,不少甲方爸爸、需求方大佬看到了宣传,就想直接用上。。。我想说beta测试的东西常常有很多坑要填的,慎用·
先来看下官方文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
很明显,还只是beta版,而且只支持Android分享,还有很多不完善的地方。(截止7月28日)
如何操作
1.先下载最新版IDE工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2.代码
Page({
onLoad: function (options) {
//用于设置显示分享到朋友和朋友圈的icon
wx.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline'],
success(res) {
console.log('showShareMenu',res);
}
})
},
onShareTimeline(res){
let shareObj = {
title:"前端智酷方程",
path:"/pages/news/index" // 配置这个目前是没有用!!! 不能自定义路径
query:"a=1&b=2",
imageUrl:"/pages/img/logo.png"
}
return shareObj;
}
})
可以看到目前分享到“朋友圈”只能分享当前页面,可以带参数,但是不能自定义路径。
3.具体操作
IDE上
实际手机上朋友圈的效果:
误区:分享到朋友圈不是小程序入口,其实是单页模式
很多人以为分享到朋友圈,就是在朋友圈直接打开小程序,其实并不是,而是打开一个单页,你可以认为是一个“独立的空间”,有诸多限制!
- “单页模式”下,页面顶部固定有导航栏,标题显示为当前页面 JSON 配置的标题。底部固定有操作栏,点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式。
- “单页模式”默认运行的是小程序页面内容,但由于页面固定有顶部导航栏与底部操作栏,很可能会影响小程序页面的布局。因此,请开发者特别注意适配“单页模式”的页面交互,以实现流畅完整的交互体验。
- “单页模式”下,一些组件或接口存在一定限制。
限制:很多功能无法使用
- 页面无登录态,与登录相关的接口,如
wx.login
均不可用;云开发资源需开启未登录访问方可在单页模式下使用,详见未登录模式。 - 不允许跳转到其它页面,包括任何跳小程序页面、跳其它小程序、跳微信原生页面
- 不允许横屏使用
- 若页面包含
tabBar
,tabBar
不会渲染,包括自定义tabBar
- 本地存储与小程序普通模式不共用
- 云函数部分功能不支持
如下:
最基本的wx.login
明确说不可用了
wx.getUpdateManager()
用户更新小程序的 onCheckForUpdate
方法也报错
实际使用和总结
目前(7月28日)只有Android设备才能分享到朋友圈,但是IOS和Android设备都可以访问,只要避开文档上写的一些不支持的api,普通的页面展示还是没问题的。
现在还在beta测试,建议大家还是忍忍,等正式版上了再用,毕竟有些坑没必要去跳。如果被甲方架着走,要硬上。。。你就跟他们说二个字:加钱 ! ! ! 这样或许能逼退他们大胆的想法~
这个比较全。分享朋友圈功能看这一篇就够了。感谢分享。
如果被老板架着上呢,哈哈