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)
},

结束语

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

目录
相关文章
|
6天前
|
小程序 前端开发 关系型数据库
基于Uniapp+php校园小程序,校园圈子论坛系统功能,校园跑腿二手交流功能设计
校园圈子论坛及综合服务平台集成了校园跑腿、兼职信息、外卖团购、闲置交换、租赁服务、表白墙等多功能模块,提供一站式校园生活解决方案。系统采用uniapp前端和PHP后端开发,支持多城市、多学校切换,配备分站式后台管理,确保稳定性和安全性。通过融云IM SDK实现即时通讯功能,增强用户互动与粘性。适用于大学校园、城市及社区圈子,满足多样化需求,提升便捷体验。
|
1月前
|
PHP
全新uniapp小说漫画APP小说源码/会员阅读/月票功能
价值980的uniapp小说漫画APP小说源码/会员阅读/月票功能
106 20
|
1月前
|
前端开发 数据库 UED
uniapp开发,前后端分离的陪玩系统优势,陪玩app功能特点,线上聊天线下陪玩,只要4800
前后端分离的陪玩系统将前端(用户界面)和后端(服务器逻辑)分开开发,前者负责页面渲染与用户交互,后者处理数据并提供接口。该架构提高开发效率、优化用户体验、增强可扩展性和稳定性,降低维护成本,提升安全性。玩家可发布陪玩需求,陪玩人员发布服务信息,支持在线聊天、预约及线下陪玩功能,满足多样化需求。[演示链接](https://www.51duoke.cn/games/?id=7)
|
1月前
|
Android开发 开发者 Python
通过标签清理微信好友:Python自动化脚本解析
微信已成为日常生活中的重要社交工具,但随着使用时间增长,好友列表可能变得臃肿。本文介绍了一个基于 Python 的自动化脚本,利用 `uiautomator2` 库,通过模拟用户操作实现根据标签批量清理微信好友的功能。脚本包括环境准备、类定义、方法实现等部分,详细解析了如何通过标签筛选并删除好友,适合需要批量管理微信好友的用户。
82 7
|
3月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
512 3
|
3月前
|
存储 自然语言处理 小程序
微信小程序多语言切换神器:简繁体切换功能完全指南
随着全球化的发展,支持多种语言的应用程序愈发重要。本文介绍了如何在微信小程序中实现简体与繁体字体之间的切换功能,以满足不同地区用户的需求。通过创建utils文件夹并编写相应的转换函数,开发者可以方便地实现语言切换,从而提升用户体验。文章中还附带了示例代码和效果图,帮助读者更好地理解和应用这一功能。
151 0
微信小程序多语言切换神器:简繁体切换功能完全指南
|
3月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
65 2
|
4月前
|
算法 JavaScript 前端开发
切西瓜法实现微信抢红包功能
该文章介绍了使用“切西瓜法”和“栅栏法”两种算法来模拟微信抢红包的随机分配机制,并通过具体的JavaScript代码实现了红包金额的公平随机分配过程。
切西瓜法实现微信抢红包功能
|
3月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
692 0
|
3月前
|
存储 移动开发 小程序
uniapp富文本editor输入二次扩展兼容微信小程序
uniapp富文本editor输入二次扩展兼容微信小程序
144 0

热门文章

最新文章