Bootstrap

vue3 uniapp 扫普通链接或二维码打开小程序并获取携带参数

vue3 uniapp 扫普通链接或二维码打开小程序并获取携带参数

微信公众平台添加配置

  • 微信公众平台 > 开发管理 > 开发设置 > 扫普通链接二维码打开小程序
    在这里插入图片描述
  • 配置链接规则在这里插入图片描述
  • 需要下载校验文档给后端存入服务器中,保存配置的时候会校验一次,确定当前的配置的服务器地址和你的服务器是否属于你
  • 获取携带的参数
 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)
;