微信小程序码 自定义小程序二维码

官方二维码

小程序官方的二维码是下面这种

 然而，并不是所有需求都能符合，这就需要使用自定义二维码，并且这个自定义的二维码能够实现微信扫码后可以跳转到需求页面，并且传递对应的参数，便于实现后续业务

需求分析

生成一张不同于微信官方的自定义二维码，微信扫码后能实现跟微信官码相同的功能，即跳转到小程序指定页面，并传递参数。

简单来说，就是自定义生成一个二维码，实现跳转微信小程序并传递参数。

实现

前期配置

首先登录微信小程序公众平台，微信公众平台

找到 开发 -- 开发管理 -- 开发设置

下滑找到下图设置，点击添加 

 

填写好数据

 1. 填写的域名必须是在白名单里面的

在公众平台 开发 -- 开发管理 -- 开发设置 里配置

2. txt文件

这里我使用的是宝塔面板，点击进入网站

生成二维码

注意，这里生成的二维码样式可以按照需求另寻他法自己进行制作

给后端做了，这里不多说了哈哈

为了测试，我们可以使用草料生成一个文本类型的二维码，多个参数的拼接可以使用 &

测试：

下载到本地后，打开微信开发者工具打开项目，使用快速二维码编译

获取参数

在跳转至的小程序页面的 onLoad 函数中获得

// 固定写法，q
options.q

获取到的参数是加密过的一个 查询字符串

使用 decodeURIComponent 即可获得  域名+参数的形式

const url = decodeURIComponent(options.q)

后续可使用正则或者字符串操作等获取对应的数据

完

如果要真机调试测试，可以先唤起真机调试，再关闭小程序用微信扫码。