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

结束语

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

目录
相关文章
|
9月前
|
API 数据安全/隐私保护 开发者
企业微信自动加好友软件,导入手机号批量添加微信好友,python版本源码分享
代码展示了企业微信官方API的合规使用方式,包括获取access_token、查询部门列表和创建用户等功能
|
9月前
|
数据安全/隐私保护 开发者 安全
微信加5000好友软件有吗?是不是真的
作为一名长期关注社交平台技术发展的开发者,最近经常被问到"微信加5000好友软件"是否真实存在的问题
|
9月前
|
移动开发 PHP 数据安全/隐私保护
抖音一键跳转微信加好友
抖音跳转微信加好友的技术实现方案 1. 技术背景与需求分析
|
9月前
|
移动开发 安全 数据安全/隐私保护
怎么通过链接跳转加微信好友
深度链接技术在微信好友添加中的应用 技术背景
|
人工智能 开发框架 机器人
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
AstrBot 是一个开源的多平台聊天机器人及开发框架,支持多种大语言模型和消息平台,具备多轮对话、语音转文字等功能。
8052 38
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
微信养号脚本,自动加好友定时看朋友圈,发动态点赞评论
这个工具其实是我之气那在某公司上班时候给领导开发的,其实前期还是花了不少时间,估计半个月时间
|
10月前
企业微信批量加好友脚本,企业微信自动加手机号好友软件,自动同意群发消息自动回复
这是一款为企业微信设计的自动化营销工具,能够一键批量加好友并自动回复消息。通过模拟操作实现自动化流程,提升网络营销效率。
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。