扫二维码跳转小程序

条件

你的小程序必须要上线

方法一

把小程序发布到线上

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

  2. 登录微信小程序官网

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

生成二维码

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

在这里插入图片描述

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

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

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

参考

参考博客1


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

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

在这里插入图片描述

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

测试范围

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

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

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

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

我自己写的如下:

1
2
3
4
5
6
7
8
onLoad(options){
// 在onLoad事件中提取q参数并自行decodeURIComponent一次
// 即可获取原二维码的完整内容
const qrCodeContent = decodeURIComponent(options.q)
console.log("二维码的内容:",qrCodeContent)
const meetingID = qrCodeContent.split('?')[1]
console.log("从二维码中解析的会议id为:", meetingID)
},