uni-app 微信小程序分享功能河北银丹互联网科技有限公司

官方文档：https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage河北银丹互联网科技有限公司

方式1：小程序右上角原生菜单自带的分享按钮河北银丹互联网科技有限公司

方式2：或者是在页面中放置的分享按钮 <button>河北银丹互联网科技有限公司
<button class="separate-fl" plain="true" data-name="shareBtn" open-河北银丹互联网科技有限公司type="share">
<text class="icon-fenxiang iconfont"></text>
<text class="separate-text">分享</text>
</button>

这两种分享都会触发 onShareAppMessage 函数，在js 中定义该函数，设置页面分享的信息，注意：该函数和 onLoad 等生命周期函数同级

效果图如下：

分享到微信朋友圈功能
需要先在 onLoad 生命周期函数中调用 wx.showShareMenu 才能显示分享按钮

onLoad(){

//设置下方的Menus菜单，才能够让发送给朋友与分享到朋友圈两个按钮可以点击
wx.showShareMenu({
withShareTicket:true,
menus:["shareAppMessage","shareTimeline"]
})
},

//发送给朋友
onShareAppMessage(res) {
return {
title: this.goods.name,
path: `/pages/product/product?id=${this.goods.id}`
}
},
//分享到朋友圈
onShareTimeline(res) {
return {
title: '',
type: 0,
query: 0,
summary: "",
imageUrl: ""
}
},

注意事项
分享给朋友圈功能是2020年7月份新增的功能，目前仅支持安卓，IOS不支持
目前是内测阶段，部分功能还是有问题的，例如分享到朋友圈功能，其中的query参数，这个参数在onLoad中是获取不到的，也就是说从此页面分享出去的，其他人进入此页面是拿不到分享者的信息的。这样就不能做分享者与用户之间的关联了
————————————————
版权声明：本文为CSDN博主「m0_61073617」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_61073617/article/details/122959278

uni-app 微信小程序分享功能河北银丹互联网科技有限公司相关推荐

uniapp 微信小程序分享功能
微信小程序分享功能.传参.接收参数 1,分享功能在页面上与methods同级写上onShareAppMessage()函数. onShareAppMessage() {return{title: & ...
详解 - 解决微信小程序分享功能图片比例问题 - 全局分享
前言: 我在我的博客小程序使用微信小程序分享功能图片不符合5:4问题 ,对其原理扫描下面二维码,可以体验哦准备在需要自定义分享的页面设置canvas 组件目录准备详解思路定义总函数 ...
微信小程序分享功能开发及调试方法
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...
微信小程序分享功能imageUrl带随机分享图片
//此为微信小程序分享 onShareAppMessage: function(options) { //先写一个数组, var shareimg =[ "https://desk-fd.z ...
uni-app 微信小程序分享功能传参接收与调试
uni-app 微信小程序功能传参接收与调试当使用微信小程序进行分享好友功能时,怎样能够联调,查看是否接收到参数,并在被分享人点进来的时候逻辑处理是否正确. 1.分享功能实现分享给朋友 ...
uniapp开发微信小程序分享功能
记一次uniapp开发微信小程序遇到的问题, 问题: 关于button的分享属性, 在HbuilderX中开发时,直接将button覆盖在image上,将button设置为透明,可以直接实现分享功能, ...
微信小程序|分享功能|复制文字|拨打电话|
微信小程序功能后续将会继续补充微信小程序的相关功能微信小程序功能 1.分享功能用户点击右上角转发使用按钮分享隐藏分享功能的api 2.复制文字长按复制将固定的内容复制到粘贴板中 3.拨打 ...
微信小程序分享功能的实现方法有两种
官方设定5:4 小程序分享尺寸太大,尺寸500px400px(宽高) 在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面 onShareAppMessage: ...
微信小程序分享功能
1.分享可以分享小程序的任何一个页面给好友或群聊.注意是分享给好友或群聊,并没有分享到朋友圈.一方面微信在尝试流量分发方式,但同时又不愿意开放最大的流量入口. 开发文档:https://mp.wei ...

uni-app 微信小程序分享功能河北银丹互联网科技有限公司

uni-app 微信小程序分享功能河北银丹互联网科技有限公司相关推荐

最新文章

热门文章