uni-app 微信小程序分享功能传参接收与调试

2024-04-07 04:06:30

uni-app 微信小程序功能传参接收与调试

当使用微信小程序进行分享好友功能时，怎样能够联调，查看是否接收到参数，并在被分享人点进来的时候逻辑处理是否正确。

1、分享功能实现

分享给朋友有两种方式：
第一种就是微信右上方的三点里面有分享给好友默认是置灰的

在与 methods 同级写上以下函数将页面的分享功能点亮：

onShareAppMessage 这个api 有两个值一个是菜单级的（如上方式）另一个是按钮级的（即点击按钮实现分享功能，如下）

按钮级的分享，最重要的是一定为button 按钮并 open-type=“share" 这都是规定的写法（不这样写不好用）

onShareAppMessage 具体用法：
onShareAppMessage （res) =>{}
res ---- 里面有区分是按钮级点击分享还是菜单级 button 代表点击按钮进行分享

return 是一定要写的
title---- 分享的标题
path ---- 被分享的页面路径
更多参数解释见文档：https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage

分享效果：

2、传参、接参
在path 路径后面拼接要传递的参数
页面级接收参数：在 onLoad 周期中接收参数
options 里面就包含着携带过来的参数

或者想要在整个小程序级来接收参数
那么就写在app.vue 中 onLaunch 小程序生命周期内

3、分享调试
简便方法是在编译时直接将分享页面设置为入口页面并模拟参数

想要在手机上看效果就真机调试拿着自己手机扫描真机调试二维码进行分享
被分享的人打开小程序想要看效果
一定要先用手机扫描预览二维码 确定当前小程序开发版本 然后点开分享链接
（被分享人也要在此小程序的开发人员中）

uni-app 微信小程序分享功能传参接收与调试相关推荐

微信小程序分享路径传参的问题
最近在开发一个类似于小年糕的视频工具类的小程序,在写分享功能的时候需要实现以下两种场景 1. 当点击某个视频分享出去时,好友打开到视频详情页播放视频,返回时跳到首页. 2. 当在用户主页点击分享时,好 ...
uniapp 微信小程序分享功能
微信小程序分享功能.传参.接收参数 1,分享功能在页面上与methods同级写上onShareAppMessage()函数. onShareAppMessage() {return{title: & ...
微信小程序分享功能开发及调试方法
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...
详解 - 解决微信小程序分享功能图片比例问题 - 全局分享
前言: 我在我的博客小程序使用微信小程序分享功能图片不符合5:4问题 ,对其原理扫描下面二维码,可以体验哦准备在需要自定义分享的页面设置canvas 组件目录准备详解思路定义总函数 ...
微信小程序分享功能imageUrl带随机分享图片
//此为微信小程序分享 onShareAppMessage: function(options) { //先写一个数组, var shareimg =[ "https://desk-fd.z ...
uniapp开发微信小程序分享功能
记一次uniapp开发微信小程序遇到的问题, 问题: 关于button的分享属性, 在HbuilderX中开发时,直接将button覆盖在image上,将button设置为透明,可以直接实现分享功能, ...
微信小程序|分享功能|复制文字|拨打电话|
微信小程序功能后续将会继续补充微信小程序的相关功能微信小程序功能 1.分享功能用户点击右上角转发使用按钮分享隐藏分享功能的api 2.复制文字长按复制将固定的内容复制到粘贴板中 3.拨打 ...
微信小程序分享功能的实现方法有两种
官方设定5:4 小程序分享尺寸太大,尺寸500px400px(宽高) 在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面 onShareAppMessage: ...
原生微信小程序跳转传参 : [非TabBar跳转传参] 和 [TabBar跳转传参]
一般常用的微信小程序跳转分为两种 1.非TabBar跳转 2.TabBar跳转 1.非TabBar跳转非TabBar页面的跳转通常使用wx.navigateTo来跳转页面,在链接后面加 ? 传参,如 ...

最新文章

热门文章