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)