在开发迷你程序中,通常会有输入迷你程序来通过扫描QR码获得折扣的功能。这是类似功能的简单实现。步骤1:QR代码配置
通过扫描微信代码生成的QR码的生成信息需要在“扫描普通链接QR码以打开Mini ”的“扫描”中,以打开Mini ”。
单击启用可以输入配置页面 -
在配置之前,请允许操作,维护或后端人员上传下载的验证文件,并根据说明将文件上传到服务器的指定目录,并确保可以正确访问它们。
验证文件放置规则:将其放置在URL中声明的最后一个子目录中。如果没有子目录,则将其放置在主机所属服务器的顶级目录中。请根据页面上的提示将验证文件放在指定目录中。
配置在扫描QR码后打开的Mini程序功能页面的路径,例如://
开发人员可以根据开发进度选择在开发版本/专家版/在线版本中测试QR码链接。
填写符合QR码前缀匹配规则的QR码的完整链接。如果包含参数,请完整填写它们。
规则可以填写不超过5个测试链接,并且可以多次修改。如果QR码匹配测试链接,并且用户的微信帐户是由指定的管理员/开发人员/专家,则将打开指定的版本。
测试完成后,开发人员可以将QR码重定向到当前网站。发布后,扫描所有符合匹配规则并将重定向到指定的MINI程序页面的QR码。
毕竟上述配置完成后,开发人员可以获得类似于“”的链接。然后根据链接生成QR码,您可以跳到匹配的迷你程序页面。
步骤2:处理QR码数据
跳到开发人员在上一步设置的小程序页面后,我们可以在中获取.Q数据链接。
onLoad(options) { if(Boolean(options.q)){ // decodeURIComponent()函数 用于对对 URI 组件进行解码,不然扫描出来的是乱码 let optionsUrl = decodeURIComponent(options.q); let parent_id = this.getQueryString(optionsUrl,'parent_id'); let activity_id = this.getQueryString(optionsUrl,'activity_id'); }; },
注意:.Q数据必须使用()函数解码,否则它将是一对乱码数据。
解码后,我们可以获得以前配置的链接,例如:''。接下来,我们可以携带链接中的数据以完成项目的下一个功能。以下是我写过的一个小方法,如果您喜欢的话,您都可以使用它。
// 取出所需的值 url是解析出来的路径,name是所需值的名称 getQueryString(url,name){ let arr = url.split('?'); let arr2 = arr[1].split("&"); for(let i =0;i