小程序:扫二维码跳转小程序

扫二维码跳转小程序

条件

你的小程序必须要上线

方法一

把小程序发布到线上

  1. 在微信开发者模式中上传你的小程序项目
    在这里插入图片描述

  2. 登录微信小程序官网

  3. 提交你的开发版本,进行审核,等待审核通过即可手动发布到线上,找到如图这些地方在这里插入图片描述

生成二维码

  1. 打开微信公众平台接口调试工具
  2. 填写小程序的 id密钥
    在这里插入图片描述
    id 和 密钥在这里找
    在这里插入图片描述
  3. 获取到 taken 在这里插入图片描述
  4. 然后我们在 postman 中请求一下
// 请求连接
https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=你的accesstoken

在这里插入图片描述

// body 中的 raw,其中 path 是你微信小程序中页面的路径
{"path": "pages/demo1/newDanMu", "width": 430}

结果如下
在这里插入图片描述

注意:accesstoken 是有时效的,过一会就会失效的,需要重新获取。

参考

参考博客1


方法二:跳转到小程序指定页面

首先找到你的小程序后台,找到 开发 => 开发设置

在这里插入图片描述

然后拉到最下面,找到 扫普通链接二维码打开小程序
在这里插入图片描述
点击添加即可

测试范围

这里有个测试范围,分别有 线上版体验版开发版
分别代表什么意思呢?
线上版:就是扫码跳到线上版的小程序
体验版:就是只有体验者才能用的版本,点击详情页,如下图所示
在这里插入图片描述
在下面的测试链接,你可以把自己的测试二维码链接放进去,如果想让你的开发团队体验一下,就把小程序发布,然后切换成体验版(这里在版本=>版本管理=>开发版本中切换),接着把测试范围改成体验版即可(设置测试连接,还有体验版本的切换,这些并不是立即生效的,而是等待大约四五分钟)。
在这里插入图片描述

开发版:就是只有开发人员才能测试(注意,这里的开发者是你本人,并不是所有开发者—这算是个坑吧,我当时测试的时候找几个开发者,以为也能扫码跳出小程序,然而并不能)

附加:小程序获取二维码中的数据

我的二维码中附带信息,扫码会得到要给字符串,类似这样 https://xxxxxx.com/xxxxxx?2a149270700243b580393de0a80794c,跟 get 方法传值一样,都是通过 ? 来分割的,所以可以通过 split 方法,取出我们想要的信息。
在官方手册中写的挺明确的,官方:二维码内容获取。

我自己写的如下:

onLoad(options){
      // 在onLoad事件中提取q参数并自行decodeURIComponent一次
      // 即可获取原二维码的完整内容
      const qrCodeContent = decodeURIComponent(options.q)
      console.log("二维码的内容:",qrCodeContent)
      const meetingID = qrCodeContent.split('?')[1]
      console.log("从二维码中解析的会议id为:", meetingID)
    },
  • 3
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值