uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)

简介: uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)


大家好!匆匆忙忙又到了周三,今天是2023年9月13日|农历七月二十九,今天这篇文章主要是微信小程序实现分享当前页面到朋友圈或微信好友,下面来看下具体实现方式吧!

uniapp 实现分享至微信好友或朋友圈功能

带参数和无参数是根据自己的业务需求,如果需要再onLoad函数里面赋值一些属性值的时候可以在path中携带参数,当用户通过我们分享的链接进来后,就会携带参数。

无参数跳转

// 分享微信好友
onShareAppMessage() {
  return {
    title: '标题', //分享标题 这个可以根据业务需求去定义
    path: '当前需要进行分享页面的地址' //例如:path: 'page/home/index'
  }
},
// 分享朋友圈
onShareTimeline() {
  return {
    title: '标题', //分享标题 这个可以根据业务需求去定义
    path: '当前需要进行分享页面的地址' //例如:path: 'page/home/index'
  }
},

带参数跳转

我业务需求是分享出去的path中要携带参数id,在用户通过我分享的链接进入到这个页面时,需要触发onLoad函数,通过我携带的id参数去请求后端接口,渲染页面数据。

具体代码如下:

// 分享微信好友
onShareAppMessage() {
  return {
    title: '标题',
    path: '/page/home/index?id='+this.id
  }
},
// 分享朋友圈
onShareTimeline() {
  return {
    title: '标题',
    path: '/page/home/index?id='+this.id
  }
},

下面是对onLoad函数的代码:

这块我就需要再分享的时候传递一个id属性,在页面渲染时触发onLoad函数,把id属性传递给getQuery函数,请求后端,实现数据动态渲染。

onLoad(e) {
 console.log("e============>",e)
 if (e.hasOwnProperty('id')) {
   this.id = e.id
 }
 this.getQuery(this.id)
},

结束语

这就是我遇到的问题及解决方案,希望本篇博文可以解决你遇到的问题,如果有不明白的博主,或者你也遇到了类似的问题,私信我,我会一一为你进行解答,不收取任何费用,欢迎打扰哦~

目录
打赏
0
0
0
0
22
分享
相关文章
企业微信自动加好友软件,导入手机号批量添加微信好友,python版本源码分享
代码展示了企业微信官方API的合规使用方式,包括获取access_token、查询部门列表和创建用户等功能
wxid添加微信好友工具,免费微信wxid转换器二维码,jar实现仅供学习参考
本项目实现微信ID与wxid的转换及二维码生成功能,核心逻辑基于ZXing库完成QR编码,支持文件批量导入导出。
wxid加微信好友工具,二维码转换工具,微信号转wxid插件【仅供学习参考】
本工具基于JAVA实现微信ID转换功能,支持wxid、微信号与二维码之间的相互转换。开发中使用ZXing库(版本3.5.1)完成二维码编解码,并设计核心类`WxidConverter`实现关键转换逻辑。
微信加好友脚本自动,手机号自动添加定时,可群聊通讯录添加
这是一款基于 AutoJS 的微信自动化脚本,适用于 Android 7.0+ 系统,实现定时批量添加好友功能。采用分层设计(主控模块+功能模块+配置模块)
|
14天前
微信养号脚本,自动加好友定时看朋友圈,发动态点赞评论
这个工具其实是我之气那在某公司上班时候给领导开发的,其实前期还是花了不少时间,估计半个月时间
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
204 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
26天前
企业微信批量加好友脚本,企业微信自动加手机号好友软件,自动同意群发消息自动回复
这是一款为企业微信设计的自动化营销工具,能够一键批量加好友并自动回复消息。通过模拟操作实现自动化流程,提升网络营销效率。
智慧校园uniapp校园圈子社团系统开发,圈子论坛基本功能搭建
智慧校园uniapp校园圈子社团系统基于uniapp框架开发,支持多平台账号同步,提供便捷、高效、安全的校园生活体验。用户可注册登录、创建和管理圈子、发帖互动、搜索筛选、接收消息通知等。系统采用PHP/MySQL等技术,确保稳定性和高性能,促进学生交流,增强校园凝聚力。
214 0
智慧校园uniapp校园圈子社团系统开发,圈子论坛基本功能搭建
|
7月前
|
PHP
全新uniapp小说漫画APP小说源码/会员阅读/月票功能
价值980的uniapp小说漫画APP小说源码/会员阅读/月票功能
297 20

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问