扫描二维码打开微信小程序，携带参数，含配置和代码详解

今天有个新需求，需要用户扫码打开我们小程序，需要携带信息记录邀请人是谁。

废话不多说，我们进入主题，首先要到小程序里面做配置。在开发管理里面，找到开发配置，往下滑到扫普通链接二维码打开小程序配置项里，点击添加

https://yanshi/?code=123 直接这样写是错误的，拿不到数据。自己配置成https://yanshi/ 就可以了，这是携带参数。/在域名后面的话可以跟参数，这是匹配的规则，域名后面没有/就不带参数。有/结尾，在二维码生成里就可以在域名后面加自己要的参数。

保存的时候有一个校验文件，需要在服务器下做配置，把下载好的txt文件给放在根目录下，名字要和他要求的一样，这个事情就不用前端操心了，截个报错的图发给运维或者是后端吧，让他们做一个配置，不然的话是无法保存的，需要做校验。

配置好了之后，需要点击发布，发布之后才会有效果，我已经配置好了两个规则

做好了配置，二维码在哪儿来呢，这个需要后端找一个二维码生成器，二维码里面可以配置一串字符串，我们小程序的配置规则是https://ceshi/，字符串可以写成htpps://ceshi/?code=123，code就是后端传给前端需要的参数，可以是某个用户的id，或者是邀请码，或者是别的。

二维码生成好之后放到服务器上，返回一个url给前端就可以了。这个图片可以打印，可以在小程序里展示，别人扫描之后就可以进入到小程序里面

准备工作都做好了，接下来就是在小程序里面获取到二维码里面的值了，其实很简单，小程序内置了方法提供给我们，在onLoad事件里面

onLoad(e) {//二维码携带参数// 获取到二维码原始链接内容//获取到链接的值之后，可以用split或者别的方法提取出来const query = decodeURIComponent(e.q) const time = parseInt(e.scancode_time) // 获取用户扫码时间 UNIX 时间戳console.log(query)console.log(time)
},

以上就是扫描二维码进入小程序的步骤了，跟扫码点餐其实是一个功能，拉新或者别的功能的时候可以使用到哦，主要还是在配置上，配置好了就可以了。

如果以上对你有帮助的话，记得点赞和收藏哦，我还记录了很多开发时遇到的bug。都是全手打的

扫描二维码打开微信小程序，携带参数，含配置和代码详解相关推荐

微信扫一扫扫普通链接二维码打开微信小程序
撸了今年阿里.头条和美团的面试,我有一个重要发现.......>>> 扫普通链接二维码打开小程序为了方便小程序开发者更便捷地推广小程序,兼容线下已有的二维码,微信公众平台开放扫描普 ...
pos请求微信小程序_微信小程序蓝牙连接小票打印机实例代码详解
1.连接蓝牙 (第一次发表博客) 第一步打开蓝牙并搜索附近打印机设备// startSearch: function() { var that = this wx.openBluetoothAdapt ...
生成微信小程序发布上线后的二维码、获取微信小程序二维码、微信小程序二维码如何生成?
情景: 1.在微信小程序审核完成,发布到线上后,想通过扫描小程序二维码进入小程序 2.可分享二维码出去,通过二维码扫码进入小程序方法: 1.进入微信小程序的后台配置.链接:微信公众平台.(如图一) ...
微信小程序系列（4）如何用微信小程序写一个论坛？贴心代码详解（二）评论页
源代码已开源,如果对你有帮助可以点个星:https://github.com/linkaimin/xdzs 写论坛不难,重点是各页面之间的信息传递! 先放成品图,虽然有点单调....但是麻雀虽小五脏俱 ...
微信小程序——保存图片到手机相册（代码详解）
前言: 首先我们要知道,如果小程序首次发起授权被拒绝之后,再次点击同一个按钮执行的wx.authorize(...)不会再弹出授权窗口.所以我们需要到引导用户到设置页面进行手动授权. 引导用户到设置页 ...
微信小程序获取手机号 JavaScript解密示例代码详解
刚开始开发微信小程序的时候,想着实现手机验证码登入,后来查阅资料得知,发给用户的短信是要自己付费的.后来想想,微信获取用户的手机号一样可以保证手机号码的真实性,因为手机号既然可以绑定微信,那么肯定是被 ...
微信小程序系列（7）如何用微信小程序写一个论坛？贴心代码详解（五）删帖页【完结篇】
源代码已开源,如果对你有帮助可以点个星:https://github.com/linkaimin/xdzs 写论坛不难,重点是各页面之间的信息传递! 先放成品图,虽然有点单调....但是麻雀虽小五脏俱 ...
微信小程序系列（6）如何用微信小程序写一个论坛？贴心代码详解（四）搜索页
源代码已开源,如果对你有帮助可以点个星:https://github.com/linkaimin/xdzs 写论坛不难,重点是各页面之间的信息传递! 先放成品图,虽然有点单调....但是麻雀虽小五脏俱 ...
小程序扫描普通链接二维码跳转小程序指定界面方法
微信官方文档扫普通链接二维码打开小程序 | 微信开放文档看了官方文档之后,还是存在很多困惑,微信小程序是托管到微信服务器上的,要想扫描普通链接跳转指定界面,首先要知道微信把小程序放的服务器的访问路径 ...

扫描二维码打开微信小程序，携带参数，含配置和代码详解

扫描二维码打开微信小程序，携带参数，含配置和代码详解相关推荐

最新文章

热门文章