如何通过扫二维码跳转小程序?两种方法详解及步骤指南

2025-01-04
来源:网络整理

文章目录

扫描二维码跳转小程序条件

您的小程序必须在线

如何在线发布小程序

微信开发者模式上传您的小程序项目

登录微信小程序官网

提交您的开发版本供审核,等待审核通过,然后手动发布到网上。找到如下图所示的地方

生成二维码打开微信公众平台接口调试工具并填写小程序的ID和Key

在这里找到 id 和 key

得到

然后我们请求它

// 请求连接 https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=你的accesstoken

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

结果如下

注意:它是有时间限制的,一段时间后就会过期,需要重新获取。

参考

参考博客1

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

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

然后滚动到底部,扫描普通链接的二维码即可打开小程序。

点击添加

测试范围

这里有一个测试范围,包括在线版、试用版和开发版。

它们是什么意思?

网络版:是一个扫描二维码跳转到网络版的小程序。

试用版:这是只有体验者才能使用的版本。点击详情页面,如下图

下面的测试链接中,可以放自己的测试二维码链接。如果你想让你的开发团队体验一下,发布小程序然后切换到试用版(这里在版本=>版本管理=>切换到开发版本),然后将测试范围更改为试用版(设置建立测试连接,切换到试用版,这些不会立即生效,而是等待大约四五分钟)。

开发版:只有开发者可以测试(注意,这里的开发者是你,不是所有的开发者——这是一个陷阱。我测试的时候,发现了几个开发者,以为可以扫码跳出小坑)版本,但不能)

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

我的二维码带有信息。当您扫描代码时,您将获得要给出的字符串。它类似于get方法传递的值。它除以?,所以我们可以使用该方法来获取我们想要的信息。

官方手册上说得很清楚了。

我自己写的如下:

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

分享