扫二维码跳转小程序

条件

你的小程序必须要上线

方法一

把小程序发布到线上

在微信开发者模式中上传你的小程序项目
登录微信小程序官网
提交你的开发版本，进行审核，等待审核通过即可手动发布到线上，找到如图这些地方

生成二维码

打开微信公众平台接口调试工具
填写小程序的 id 和 密钥

id 和密钥在这里找
获取到 taken
然后我们在 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)},

小程序：扫二维码跳转小程序相关推荐

微信扫二维码跳转小程序指定页面带参数
参考文档:扫码打开小程序接入指南:注意事项 http://sdapp.mynatapp.cc 为外网映射到本地服务器校验文件放在配置规则最后一层.外网可以访问. @RequestMapping(&q ...
【微信小程序】二维码跳转规则的前缀匹配是什么意思？
前言基础库 2.12.0 开发者工具 1.03.2008270 微信小程序的二维码跳转规则为了方便小程序开发者更便捷地推广小程序,兼容线下已有的二维码,微信公众平台开放扫描普通链接二维码跳转小程序 ...
小程序扫描普通链接二维码跳转小程序指定界面方法
微信官方文档扫普通链接二维码打开小程序 | 微信开放文档看了官方文档之后,还是存在很多困惑,微信小程序是托管到微信服务器上的,要想扫描普通链接跳转指定界面,首先要知道微信把小程序放的服务器的访问路径 ...
vue H5页面跳转微信小程序以及生成二维码跳转小程序
研究了两种H5跳转小程序的方法,同时携带参数 1. 手机浏览器打开H5页面,点击按钮拉起微信小程序 2. H5页面上生成小程序二维码,手机微信扫码跳转目标小程序为了开发方便,以上两种均借助了微信小程 ...
微信小程序扫二维码折中进入体验版
我需要扫码进入对应版本的小程序,而使用微信的扫一扫是直接进入到线上环境,所以这儿做了一个折中的办法,不一定用微信的扫一扫,小程序本身也有扫一扫的api,既然这样的话,小程序可以调用相机扫一扫进行扫描二 ...
uniapp小程序扫二维码登录uniapp h5
uniapp扫码登录功能一.测试环境:uniapp小程序 uniapp h5 二.实现思路三.实现步骤一.测试环境:uniapp小程序 uniapp h5 二.实现思路 1.手机登录uniapp ...
微信小程序扫二维码带参数问题
1.在微信公众号平台上面配置扫描二维码之后所跳转的前端路径 2.在配置好的前端路径里面的onload会获取到q的参数,并且对获取到的参数进行转码,然后通过split分割"="号后面 ...
微信小程序扫二维码/条形码标准倒计时
// pages/orderDetail/orderDetail.js var utiltime = require('../../../../utils/time.js') var utilsign ...
微信小程序--扫二维码
xx.js getScancode: function () {var _this = this;wx.scanCode({success: (res) => {var result = res ...

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

文章目录