转发分享
1. 发送给好友1.1 效果图:1.2 实现步骤:1.3 实现代码:2. 分享到朋友圈2.1 效果图:2.2 实现步骤2.3 实现代码:3. 遇到的问题3.1 分享到朋友圈后无法正常展示数据?1. 发送给好友
1.1 效果图:
1.2 实现步骤:
监听用户点击右上角菜单的「转发」按钮时触发的事件设置转发的参数官方文档:onShareAppMessage
1.3 实现代码:
****.js
// 监听用户点击右上角菜单的「转发」按钮时触发的事件onShareAppMessage() {// 设置转发的参数return {title: '这里是分享的标题',path: '/pages/index/index',imageUrl: '/uploadimg/image/0219/0219180104_83804.jpg'}},
2. 分享到朋友圈
2.1 效果图:
2.2 实现步骤
分享到朋友圈 不支持自定义页面路径!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
监听用户点击右上角菜单的「转发」按钮时触发的事件设置转发的参数在***.json 里配置当前页面标题"navigationBarTitleText": "我是页面标题"
官方文档:onShareTimeline
2.3 实现代码:
****.js
// 监听用户点击右上角菜单的「转发」按钮时触发的事件onShareTimeline() {// 设置转发的参数return {title: '我是朋友圈看到的描述文案',query: 'from=pyq'}},
3. 遇到的问题
3.1 分享到朋友圈后无法正常展示数据?
我们分享到朋友圈的小程序页面,用户打开时会进入一个“单页模式”。“单页模式”下,一些组件或接口存在一定限制
“单页模式”下,页面顶部固定有导航栏,标题显示为分享时的标题。底部固定有操作栏,点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式
解决办法:
在单页模式下,将所有接口请求方法改写为无需登录态的请求方式
参考文献:一文看懂:小程序分享到朋友圈