转发分享

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 分享到朋友圈后无法正常展示数据？

我们分享到朋友圈的小程序页面，用户打开时会进入一个“单页模式”。“单页模式”下，一些组件或接口存在一定限制

“单页模式”下，页面顶部固定有导航栏，标题显示为分享时的标题。底部固定有操作栏，点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式

解决办法：

在单页模式下，将所有接口请求方法改写为无需登录态的请求方式

参考文献：一文看懂：小程序分享到朋友圈