vue3 uniapp 扫普通链接或二维码打开小程序并获取携带参数
微信公众平台添加配置
- 微信公众平台 > 开发管理 > 开发设置 > 扫普通链接二维码打开小程序
- 配置链接规则
- 需要下载校验文档给后端存入服务器中，保存配置的时候会校验一次，确定当前的配置的服务器地址和你的服务器是否属于你
- 获取携带的参数
js
Page({
onLoad(query) {
const q = decodeURIComponent(query.q) // 获取到二维码原始链接内容
const scancode_time = parseInt(query.scancode_time) // 获取用户扫码时间 UNIX 时间戳
}
})如何调试
- 在后台管理中配置测试链接 最多5个
- 复制设置的测试链接 例如
https//www.baidu.com:0000/?pages/polymerization/polymerization/?vin=123&barCode=456 - 将当前设置的整条链接使用 草料二维码或其他生成二维码工具生成链接二维码
- 生成二维码
- 微信开发者工具编译
文档参考
- 小程序官网文档 扫普通链接二维码打开小程序
场景参考
- 从A小程序点击按钮跳转进入B小程序指定页面
- B小程序的很多页面需要登录后才能进入（如果直接跳转做了权限管控，那么会跳转到首页，用户无法到达指定页面）
- 所以用户在点击后需要判断是否携带了参数，先将参数存入缓存，然后让用户登录，登录后再次判断缓存中是否有跳转的值
- 最后拿到缓存的值进行跳转一系列的操作
- 但有个致命的错误，如果你的域名上不止挂了一个项目，直接点击链接进行跳转会跳转到其他的项目上，而不会跳转到小程序
- 点击链接进行跳转和用户自主扫描跳转有很大的出路
- 当前方法只适合用户自主扫描不适合点击跳转，用户点击跳转可以使用
uni.navigateToMiniProgram(OBJECT)