小步伐转发微信挚友和分享朋友圈

小步伐转发微信挚友和分享朋友圈

一、前言

有时候我们需要将小步伐分享给挚友或者朋友圈。
在小步伐右上角的三个点，点一下会出现【转发到朋友】和【分享到朋友圈】，但是有可能是点击不了的，如下图所示：

这是因为要实现这两个功能需要在步伐里举行配置。


二、代码实现

1.转发给朋友

将以下这段加到js文件中

1. // 分享到微信好友
2. onShareAppMessage(res) {
3. return {
4.     title:'智能门锁-觅家安防',           // 分享出去的标题
5.     imageUrl:'/images/Home/dms.png',   // 分享出去的图标
6.           path:'/pages/mine/index'           // 分享出去的页面路径
7. }
8. },

复制代码

基本上以上三个参数就够用了，如果需要检察其他参数可以检察官网说明：
https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/miniapp/component/onShareAppMessage.html
这里说明一下，只有在js文件中定义了onShareAppMessage函数，右上角菜单才会显示【转发到朋友】按钮。

当然你也可以自定义一个按钮实现分享，通过按钮调用onShareAppMessage函数，通过参数判定下是哪里触发的，代码如下图：

1. onShareAppMessage: function (res) {
2.   if (res.from === 'button') {
3.     // 来自页面内转发按钮
4.     console.log(res.target)
5.   } else {
6.     // 来自菜单栏转发按钮
7.     console.log(res.target)
8.   }
9.   return {
10.     title:'标题',                            // 分享出去的标题
11.     imageUrl:'/home/home.png',   // 分享出去的图标
12.           path:'/pages/home/index'     // 分享出去的页面路径
13. }
14. }

复制代码

2.分享到朋友圈

分享到朋友圈跟转发挚友雷同，就是函数不同：

1. onShareTimeline(){
2.   return {
3.     title:'标题',                            // 分享出去的标题
4.     imageUrl:'/home/home.png',   // 分享出去的图标
5.           path:'/pages/home/index'     // 分享出去的页面路径
6. }
7. },

复制代码

如果需要检察其他参数可以检察官网说明：
https://developers.weixin.qq.com/minigame/dev/api/share/wx.onShareTimeline.html


三、总结

1. 1.要注意的是，你需要再哪个页面进行分享就在哪个js文件中加入以上代码。
2. 2.举个例子，我需要在index页面点击菜单栏的时候可以分享，那就在index.js文件中加入。
3. 3.没加的页面点击菜单栏是不会显示分享的。

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。