位置: 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绘画)的搭建与使用

  • 代扣代缴增值税是什么意思
  • 房产报废手续
  • 预缴的增值税怎么算
  • 小规模未达起征点销售额是多少
  • 企业总资产是否包含累积折旧
  • 子公司给总公司开发票
  • 服务费增值税专用发票税点
  • 个体工商户给员工交社保流程
  • 为什么营收高利润低
  • 没有费用报销单发票可以直接报销吗
  • 国家税务总局2011年第25号公告
  • 预交增值税抵减申报
  • 企业所得表怎么填写
  • win10设置系统启动
  • linux sed命令详解
  • 暂估材料太多怎么办
  • 非流动资产基金是什么意思
  • 长期待摊费用转入成本分录
  • php代码生成器
  • 细说php
  • php中strcmp
  • 系统资源不足,无法
  • ChatGLM-6B (介绍相关概念、基础环境搭建及部署)
  • iis防盗链
  • 开发票的时候补差价怎么处理?
  • framework怎么更新
  • 应付账款零头怎么处理
  • python的Django框架
  • 未签订劳动合同辞退赔偿金怎么算
  • 员工宿舍的物业费要交个税吗
  • 网上学电脑哪个软件好
  • 增值税不超过10万免征
  • php怎么装
  • 开工程款发票有什么规定?
  • 更正个税申报需要交滞纳金没
  • 企业所得税的扣除是什么意思
  • 个人独资企业的
  • 季节性临时工什么意思
  • 一般纳税人金税盘怎么清卡
  • 房产互换如何交税费
  • 欠款在公司注销怎么处理
  • 跨月冲红的发票怎么做会计分录
  • 商家的促销
  • 银行承兑汇票怎么开
  • 小规模纳税企业在应交增值税明细科目
  • 会计中的材料采购是什么意思
  • 开具红字发票的当月就要进项税额转出吗?
  • 车船税怎么抵扣进项
  • 公司购买垃圾袋可以抵扣吗
  • 收到存款利息收入用什么凭证
  • 记账凭证填制的心得体会
  • sql语句 时间
  • mysql 5.7.32
  • centos如何设置ip
  • 光盘安装系统怎么操作
  • 微软每月补丁更新一般于什么时间发布
  • win10系统遇到错误
  • win7系统怎么关闭放大镜?
  • sunasServ.exe - sunasServ是什么进程 有何作用
  • linux中vi替换
  • win7修改系统版本
  • ghost10008解决办法
  • Win10 Mobile Redstone预览版14295出现问题 屏幕闪烁/应用自动关闭等
  • 没有启动界面
  • 电脑windows8怎么样
  • unity描边shader
  • 小郭聊一聊
  • 以下关于shell脚本参数
  • bootstrap的组件
  • shell脚本中如何交互传参
  • JS中setTimeout的巧妙用法前端函数节流
  • listview设置item宽度
  • jquery插件库怎么导入
  • 安卓app活动
  • 江苏省电子税务局电话
  • 个人所得税代扣代缴手续费退库申请
  • 税务申报作废后无法申报
  • 增值税税控系统专用设备及技术维护费
  • 会议服务费属于什么类别
  • 跨区域涉税事项报告表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设