小程序转发微信好友和分享朋友圈

原创已于 2024-10-12 10:35:34 修改 · 3.9k 阅读

9 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#小程序转发微信好友 #小程序分享朋友圈 #小程序 #分享朋友圈 #转发微信好友

于 2024-10-12 10:30:50 首次发布

小程序专栏收录该内容

9 篇文章

订阅专栏

小程序转发微信好友和分享朋友圈

一、前言

有时候我们需要将小程序分享给好友或者朋友圈。

在小程序右上角的三个点，点一下会出现【转发到朋友】和【分享到朋友圈】，但是有可能是点击不了的，如下图所示：
在这里插入图片描述

这是因为要实现这两个功能需要在程序里进行配置。

二、代码实现

1.转发给朋友

将以下这段加到js文件中

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

基本上以上三个参数就够用了，如果需要查看其他参数可以查看官网说明：
https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/miniapp/component/onShareAppMessage.html

这里说明一下，只有在js文件中定义了onShareAppMessage函数，右上角菜单才会显示【转发到朋友】按钮。

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

onShareAppMessage: function (res) {
  if (res.from === 'button') {
    // 来自页面内转发按钮
    console.log(res.target)
  } else {
    // 来自菜单栏转发按钮
    console.log(res.target)
  }
  return {
    title:'标题',           		 // 分享出去的标题
    imageUrl:'/home/home.png',   // 分享出去的图标
  	path:'/pages/home/index'     // 分享出去的页面路径
 }
}

2.分享到朋友圈

分享到朋友圈跟转发好友类似，就是函数不同：

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

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

三、总结

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