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

文章目录

  • 扫二维码跳转小程序
    • 条件
    • 方法一
      • 把小程序发布到线上
      • 生成二维码
      • 参考
    • 方法二:跳转到小程序指定页面
      • 测试范围
    • 附加:小程序获取二维码中的数据

扫二维码跳转小程序

条件

你的小程序必须要上线

方法一

把小程序发布到线上

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

  2. 登录微信小程序官网

  3. 提交你的开发版本,进行审核,等待审核通过即可手动发布到线上,找到如图这些地方小程序:扫二维码跳转小程序_第1张图片

生成二维码

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

小程序:扫二维码跳转小程序_第5张图片

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

结果如下
小程序:扫二维码跳转小程序_第6张图片

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

参考

参考博客1


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

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

小程序:扫二维码跳转小程序_第7张图片

然后拉到最下面,找到 扫普通链接二维码打开小程序
小程序:扫二维码跳转小程序_第8张图片
点击添加即可

测试范围

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

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

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

我的二维码中附带信息,扫码会得到要给字符串,类似这样 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)
    },

你可能感兴趣的:(#,精讲)