日期:2023-09-02访问量:0类型:小程序制作资讯
今天,有一个新的要求。 用户需要扫码打开我们的小程序,并且需要携带信息来记录邀请者是谁。
废话不多说,让我们进入主题吧。 我们首先要进入小程序进行配置。在开发管理中,找到开发配置,向下滑动扫描常用链接二维码打开小程序配置项,点击添加
直接这样写是错误的,会获取不到数据。 您可以自行配置成就。 这是携带参数。 如果/后面是域名,则后面可以跟参数。 这就是匹配规则。 如果域名后面没有/,则没有参数。 如果以/结尾,则可以在生成二维码时在域名后面添加自己想要的参数。
保存的时候有一个验证文件,需要在服务器下配置,并且下载下来的txt文件要放在根目录下,并且名字要和他要求的一样,这样就不用了前端担心这个事情。 将错误报告截图发给运维或者后端让他们进行配置。 否则不会保存,需要验证。
配置完成后,需要点击发布。 发布后生效。 我配置了两条规则。
配置完成后,二维码从哪里来? 这需要后端有一个二维码生成器。 二维码中可以配置一串字符串。 我们小程序的配置规则是字符串可以写成htpps: //ceshi/?code=123,code是后端需要传递给前端的参数。 它可以是用户的 ID、邀请码或其他内容。
生成二维码后,放到服务器上,并返回一个URL给前端。这张图片可以打印并显示在小程序中。 其他人扫描后即可进入小程序。
准备工作完成了,接下来就是获取小程序中二维码中的值了。 其实很简单。 小程序有一个内置方法为我们提供事件。
onLoad(e) {
//二维码携带参数
// 获取到二维码原始链接内容
//获取到链接的值之后,可以用split或者别的方法提取出来
const query = decodeURIComponent(e.q)
const time = parseInt(e.scancode_time) // 获取用户扫码时间 UNIX 时间戳
console.log(query)
console.log(time)
},
以上是扫描二维码进入小程序的步骤。 其实就是扫码点餐的功能。 可以在更新或者其他功能的时候使用。 最主要的是配置。
如果以上对您有帮助,记得点赞并保存。 我还记录了很多开发过程中遇到的bug。全是手拍
TAG标签:扫码抽奖小程序
日期:2024-03-29 浏览量:105
日期:2024-02-12 浏览量:57
日期:2023-11-01 浏览量:130
日期:2023-09-03 浏览量:82
日期:2023-09-02 浏览量:125