位置: IT常识 - 正文

unapp微信小程序转发分享、携带参数(小程序unload)

编辑:rootadmin
unapp微信小程序转发分享、携带参数 一、第一种方式:// 开启小程序原生右上角分享按钮uni.showShareMenu({// https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.htmlwithShareTicket: true,menus: ['shareAppMessage', 'shareTimeline']//开启转发好友和转发朋友圈按钮});

推荐整理分享unapp微信小程序转发分享、携带参数(小程序unload),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uni-app 微信小程序,微信小程序框架uni app,uni小程序,unigui微信小程序,unigui微信小程序,小程序uniacid,微信uno小程序,微信小程序uniapp,内容如对您有帮助,希望把文章链接给更多的朋友!

这里有个uni官方文档的bug,uni官方文档并没有说明uni.showShareMenu有menus配置项,但是微信官方文档是有的。所以加上也是会生效的。

注意:配置了此项,此种方式优先级要比第二种方式要高,所以采用第二种方式就不能配置第一种方式。

下面是uni的文档配置项:官方文档

微信官方配置项:官方文档

二、第二种方式(自定义转发分享)//html<view class="flex align-items justify-start order-tab" v-if="hasLogin"><view class="every-tab flex flex-direction align-items" style="position:relative;"><uni-icons custom-prefix="custom-icon" type="staff-filled" size="30" color="gray"></uni-icons><text class="font-12">购买分享</text><button id="shareBtn" open-type="share">购买分享(opicty透明)</button></view></view>//scss#shareBtn {position: absolute;z-index: 2;opacity: 0;width: 100%;height: 100%;}//js//分享到朋友圈onShareTimeline(res) {return {title: '妙智康商城小程序',// path: '/pages/home/index',不支持自定义页面路径// query:id=1,//自定义页面路径中携带的参数,如 path?a=1&b=2 的 “?” 后面部分// imageUrl: '/static/imgs/mylogo.png',}},// 自定义此页面的转发给好友(已经有全局的分享方法,此处会覆盖全局)onShareAppMessage(res) {return {title: '妙智康商城小程序',path: `/pages/home/index?id=${this.userInfo.userId}`,// imageUrl: '/static/imgs/mylogo.png'}},

需注意:onShareTimeline、onShareAppMessage事件是和onload、data、computed同级书写!

第二种方式,采用了button的open-type="share",然后隐藏这个button。scss代码主要是哪个opcity。不自定义转发图片的情况下,默认会取当前页面,从顶部开始,高度为 80% 屏幕宽度的图像作为转发图片。

onShareAppMessage:不设置path默认是打开的点击分享时的页面,不设置title,默认是小程序名字

onShareTimeline:不设置path默认是打开的点击分享时的页面,不设置title,默认是当前页面的标题

注意事项

不自定义转发图片的情况下,默认会取当前页面,从顶部开始,高度为 80% 屏幕宽度的图像作为转发图片。

转发的调试支持请查看 普通转发的调试支持 和 [带 shareTicket 的转发](../../devtools/different.md#带 -shareticket- 的转发)

转发非私密消息时,只有转发到群聊中打开才可以获取到 shareTicket 返回值,单聊没有 shareTicket。转发私密消息时,群聊和单聊都可获取到 shareTicket。私密消息详见 私密消息使用指南

unapp微信小程序转发分享、携带参数(小程序unload)

shareTicket 仅在当前小程序生命周期内有效

由于策略变动,小程序群相关能力进行调整,开发者可先使用 wx.getShareInfo 接口中的群 ID 进行功能开发。

微信7.0.12开始,支持群主转发小程序时同时把消息设为该群的群待办消息,群待办消息会以气泡形式出现在聊天窗口底部。默认每次转发一个群待办消息,都会生成一个待办消息气泡。通过 wx.updateShareMenu 接口修改toDoActivityId属性可以把多个待办消息聚合为同一个,即转发相同toDoActivityId的群待办消息,只会出现一个待办消息气泡。toDoActivityId需要在转发前通过 updatableMessage.createActivityId 接口创建。

还需要注意的是网上搜了很多资料都给onShareTimeline()配置了path这个选项。经踩坑,官方文档并没有这个配置项。如下图:官方文档链接

第二种方式的onShareAppMessage事件是可以自定义path路径,配置好后通过以下方式去获取

获取有两种方式(在path对应的页面去获取)

1.

onLoad: function (options) {console.log(options);//打印和option就可以看到path后面传递的参数}

2.

onShow: async function () {     let allPages = getCurrentPages(); //获取当前页面栈的实例(onshow的option是undefined)    let page = allPages[allPages.length - 1]    let option = page.optionsconsole.log("option", option);}三、统一配置分享功能//utilsexport default {// 发送给朋友onShareAppMessage(res) {return {title: this.$shareTitle,path: '/pages/login/login'}},//分享到朋友圈onShareTimeline(res) {return {title: this.$shareTitle,path: '/pages/login/login'}}}//main.jsimport commonShare from '@/utils/commonShare.js'Vue.prototype.$shareTitle = '分享标题'Vue.mixin(commonShare)

在任意页面可以自定义更改标题

onLoad() {this.$shareTitle = '登录页面分享'},

特别的是:全局设置好分享配置后,如果想某个页面个性化定制,同样可以设置onShareAppMessage、onShareTimeline,页面级别的这俩事件是优先级高于全局的

四、小程序分享票据

小程序分享票据shareTickets

通常开发者希望转发出去的小程序被二次打开的时候能够获取到一些信息,例如群的标识。在小程序中调用wx.showShareMenu并且设置 withShareTicket为true,当用户将小程序转发到微信群之后,此转发卡片在群聊中被其他用户打开时,可以在App.onLaunch 或App.onShow获取到一个shareTicket。通过调用wx.getShareInfo(shareTicket) 接口可以获取到转发信息。

分享前调用wx.showShareMenu方法,否则不会带有分享票据

分享票据可以分为私密消息和动态消息

应用场景,这里链接一下知乎的一篇文章

本文链接地址:https://www.jiuchutong.com/zhishi/299069.html 转载请保留说明!

上一篇:javaScript 合并对象的多种方式(js文件合并工具)

下一篇:AI - stable-diffusion(AI绘画)的搭建与使用

  • 出口企业的退税属不属于纳税总额
  • 注册税务师报名条件
  • 增值税附表一填错了,主表没错可以不更正不
  • 金税盘怎么添加领票人
  • 甲供材能否开具增值税专用发票
  • 申报更正日期改变会导致逾期申报吗
  • 结转本期各项收入
  • 房地产开发项目手册备案
  • 已认证进项发票转出会计分录
  • 公司之间有哪些关系
  • 应交税费是什么科目借贷方向
  • 销售货物或者提供应税劳务、服务清单怎么开
  • 租金发票会计分录
  • 一件商品若卖100元
  • 小额开专票
  • 劳务报酬所得的收入额
  • 记帐凭证怎么制作的
  • 土地出让金抵减增值税账务处理
  • 持续经营净利润是什么意思
  • 发票可以开工程款吗
  • 小微企业增值税减免政策
  • 单位应当为职工创造有益于健康的环境和条件
  • 有限合伙企业如何退出合伙人股份
  • 差旅费是否可以所得税前扣除
  • 金融企业贷款损失准备金税务管理
  • 车辆违章罚款的钱上交到那了
  • 资本公积和盈余公积的提取比例
  • passwd -s命令
  • 怎样把htm文件转成excel
  • 公允价值变动损益在利润表哪里
  • php主要用于
  • php实现查询功能
  • 税额抵减情况表和减免税申报表
  • 员工持股平台合伙企业
  • spring boot怎么学
  • 举报民间借贷利息收入所得税
  • 结转成本涉及的科目
  • 单位出租厂房需交税吗
  • 奖金如何做账会计分录
  • 资产处置损益会计科目
  • 单位财务报销制度和流程
  • 个人发票抬头和税号是什么
  • PostgreSQL教程(十三):数据库管理详解
  • 递延所得税资产是什么意思
  • 公司账户钱取出来税务局会查账吗
  • 应付账款尾款怎么处理
  • 单位注销合并劳动合同有效吗
  • 二手车融资租赁被骗怎么投诉
  • 给员工家人报销会计分录
  • 可供出售金融资产和交易性金融资产
  • 劳动纠纷给员工的建议
  • 建账怎么建
  • MySql5.6使用validate password 插件加强密码强度的安装及使用方法
  • 如何系统还原xp
  • windows 批处理
  • win8系统运行窗口怎么打开
  • win10分辨率2560*1080
  • ubuntu-server
  • win7怎么免费升级win11
  • win8怎么设置
  • win7旗舰版64位系统无法进入安全模式怎么办?
  • win10屏幕图片
  • windows7如何调节屏幕色彩
  • win8右边栏设置
  • 原生js实现仿苹果Siri语音助手特效动画
  • 详解16型人格
  • iframe内容自适应缩放
  • 在dos下运行
  • 百度地图api报错502
  • ubuntu创建虚拟网卡
  • js中的eval
  • android使用so
  • js中布尔值为false的六种情况
  • javascript的push方法
  • jquery获取php变量
  • 宝鸡税务局长
  • 陕西宝鸡国税人才招聘
  • 香水类香精应该具备什么条件
  • 买新车的注意事项有哪些比较重要的
  • 耕地占用税应该什么时候交
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设