大家有不会的可以进群交流

官方的分享

点击右上角的三个点

/*** 用户点击右上角分享*/onShareAppMessage: function(ops) {wx.showShareMenu({withShareTicket: true})}

自定义分享

wxml

<button open-type='share'>分享好友</button>

js

/*** 生命周期函数--监听页面加载*/onLoad() {wx.showShareMenu({// 要求小程序返回分享目标信息withShareTicket: true}); },

 onShareAppMessage: function(ops) {if (ops.from === 'button') {// 来自页面内转发按钮console.log(ops.target)}return {title: '标题',imageUrl:  `图片地址注意符号` ,desc:   '描述',path: `pages/index/index`, //点击分享的图片进到哪一个页面success: function (res) {// 转发成功console.log("转发成功:" + JSON.stringify(res));},fail: function (res) {// 转发失败console.log("转发失败:" + JSON.stringify(res));}}}

结果

区分不同按钮的分享

wxml

<button id='btn' open-type="share" plain='true'></button>

js

 onShareAppMessage: function (res) {if (res.from === 'button') {// 来自页面内转发按钮console.log(res.target.id)console.log(res.from)//区分按钮分享if (res.target.id === "btn") {return {title: '求助，下面图中是什么菜啊？',path: '/pages/title/title',success: function (res) {// 转发成功},fail: function (res) {// 转发失败}}}}//右上角分享return {title: '标题',path: `pages/index/index`,imageUrl: ``,success: function (res) {// 转发成功console.log("转发成功:" + JSON.stringify(res));},fail: function (res) {// 转发失败console.log("转发失败:" + JSON.stringify(res));}}}

带参数分享&转发和获取

onShareAppMessage: function (res) {//右上角分享     this.data.id取得data里面的数据return {title: '标题',path: `pages/index/index?id=`+ this.data.id,imageUrl: ``,success: function (res) {// 转发成功console.log("转发成功:" + JSON.stringify(res));},fail: function (res) {// 转发失败console.log("转发失败:" + JSON.stringify(res));}}}

注意调试的时候在手机打开调试页面(自己分享自己点击)

因为是直接跳转到index页面所以在index.js页面获取

 onLoad: function (options) {//打印获取的数据console.log(options.id)},

检查是否分享成功并指定群和个人的分享

onShareAppMessage: function () {//转发时携带 shareTicket才能在回调中获取到shareTicketswx.showShareMenu({withShareTicket: true}) return {title: '转发时显示的标题',path: '转发的页面路径',success:function(res) {console.log('--- 转发回调 ---', res);//onShareAppMessage回调的shareTickets，如果没有，就说明不是转发到群聊的console.log('--- shareTickets ---', res.shareTickets);//转发到群里的才会有shareTicketsif(res.shareTickets && res.shareTickets[0]) {//获取转发的详细信息wx.getShareInfo({shareTicket: res.shareTickets[0],success:function(res) {},fail:function(error){}})}},fail:function (error){}}}

比较全面的转发和分享

辨别到群与个人、多个转发按钮、转发带参数

微信小程序(三)自定义分享按钮和原生分享区分不同按钮的分享带参数分享和获取相关推荐

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 先上效果图,再附上完整源码: 1.多张图片循环渲染后预览.保存.识别带参数二维码 <view w ...
微信小程序之——自定义分享按钮（完整版）
声明 onShareAppMessage 函数 onShareAppMessage() { return { title: '弹出分享时显示的分享标题' desc: ' ...
微信小程序可自定义单片机温湿度阈值(基于esp32c3+onenet+微信小程序)
前段时间有个粉丝问我能不能出一个微信小程序调节阈值的教程,我就下班之余在原来的基础上改进一下,因为是修改阈值,这里我就用继电器控制风扇.温度达到一定阈值控制风扇启动来做例子.这个成功了,其他阈值修 ...
微信小程序之自定义模态弹窗（带动画）实例
代码地址如下: http://www.demodashi.com/demo/13991.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
【微信小程序】自定义弹窗蒙版输入框效果图完整代码
[微信小程序]自定义弹窗文本输入框效果图&完整代码效果图在输入框中进行内容的输入点击确认后在姓名一栏进行更新修改点击返回后姓名一栏不做任何修改在这个的基础上你可以自定义任何弹窗 wx ...
微信小程序图标不支持html,微信小程序实现自定义加载图标功能
效果图实现思路 1.首先通过HTML+CSS实现加载动画的静态效果: 2.根据需求给每个动画设计不同的动画效果. 例如第一个加载图标的静态绘制 1.首先确定动画的盒子宽高: 2.设置盒子中每一个长方 ...
微信小程序可以加服务器上的字体,微信小程序中自定义字体
微信小程序支持自定义字体开放出来也有段时间,这边整理下使用自定义字体中,容易忽略的一些问题,和简便的全局自定义方式.如果是同时加载两种字体包,先下载下来的会被后下载下来的字体包给覆盖. 官网接口文档 ...
微信小程序wepy自定义card控件封装
微信小程序wepy自定义card控件在利用wepy开发小程序的过程中,需要使用自定义控件来实现,但是很多时候,若直接在page页面中写对应的控件,下次在另一个页面中,想使用同样的控件又需要重新绑定数 ...
【微信小程序】自定义加载动画3
目录效果图配置版本1 版本2 结语效果图配置配置方法参考上一篇文章:[微信小程序]自定义加载动画版本1 Component({behaviors

微信小程序(三)自定义分享按钮和原生分享区分不同按钮的分享带参数分享和获取

大家有不会的可以进群交流

官方的分享

自定义分享

结果

区分不同按钮的分享

带参数分享&转发和获取

注意调试的时候在手机打开调试页面(自己分享自己点击)

检查是否分享成功并指定群和个人的分享

比较全面的转发和分享

微信小程序(三)自定义分享按钮和原生分享区分不同按钮的分享带参数分享和获取相关推荐

最新文章

热门文章

微信小程序(三)自定义分享按钮和原生分享区分不同按钮的分享带参数分享和获取

大家有不会的可以进群交流

官方的分享

自定义分享

结果

区分不同按钮的分享

带参数分享&转发和获取

注意调试的时候在手机打开调试 页面(自己分享自己点击)

检查是否分享成功并指定群和个人的分享

比较全面的转发和分享

微信小程序(三)自定义分享按钮和原生分享区分不同按钮的分享带参数分享和获取相关推荐

最新文章

热门文章

注意调试的时候在手机打开调试页面(自己分享自己点击)