uniapp的运行在微信小程序上分享微信好友，名称、路径、图片、配置

- 分享给微信好友
- - 1、自定义按钮实现分享，在页面中使用按钮来实现分享功能
  - 2、js文件中分享的方法
  - 3、获取分享的参数
  - 下面的可以加,也可以不加，根据自己需求，通用的上面的就可以用了
  - 4、小程序的原生菜单中隐藏分享按钮
  - 5、小程序分享卡片禁止个人及群聊二次转发
- 大佬
- 最后

分享给微信好友

小程序中分享功能需要在button组件中添加open-type:“share”，当点击button的时候就会调用onShareAppMessage函数。

1、自定义按钮实现分享，在页面中使用按钮来实现分享功能

//必须是按钮中添加 open-type="share"  
<button open-type="share" class="pic_r3"><text class="tit">人员自助入场</text>
</button>

2、js文件中分享的方法

<script>export default {data() {return {shareImg: require("@/static/img/pic-ry9.jpg"),}},methods: {//分享---this.shareId就是要传的参数onShareAppMessage(e) {let shareobj = {title: '人员自助入场', //分享的标题path: '/pages/admission/admission?shareId=' + this.shareId, //好友点击分享之后跳转的页面//imageUrl: "https://****.com/banner.jpg", //分享的图片  支持PNG及JPG。显示图片长宽比是 5:4。imageUrl: this.shareImg, //内容图片}return shareobj //一定要返回对象}}}
</script>

3、获取分享的参数

进入分享页面，通过onLoad(e)中的e来查看传递过来的参数：

onLoad(e) {this.shareId = e.shareId   //这就是我们从分享按钮传过来的参数
},

下面的可以加,也可以不加，根据自己需求，通用的上面的就可以用了

4、小程序的原生菜单中隐藏分享按钮

在js文件中onLoad方法中加入下面代码，就可关闭左上角三个点中的分享按钮

uni.hideShareMenu()

5、小程序分享卡片禁止个人及群聊二次转发

在onShareAppMessage方法中加uni.showShareMenu和 wx.updateShareMenu这两个方法

//分享---this.shareId就是要传的参数onShareAppMessage(e) {//禁止二次转发--uni.showShareMenu({withShareTicket: true});wx.updateShareMenu({isPrivateMessage: true,withShareTicket: true,success(res) {console.log('updateShareMenu: ', res);},fail() {}}); //禁止二次转发--endlet shareobj = {title: '人员自助入场', //分享的标题path: '/pages/admission/admission?shareId=' + this.shareId, //好友点击分享之后跳转的页面//imageUrl: "https://****.com/banner.jpg", //分享的图片  支持PNG及JPG。显示图片长宽比是 5:4。imageUrl: this.shareImg, //内容图片}return shareobj //一定要返回对象},