小程序二维码生成普通链接并携带参数

方法一:

这种属于前端配置生成普通二维码(弊端:测试需要配置,最多只能配置5个)
对应小程序文档链接

  1. 生成普通二维码链接(进入小程序管理后台-设置-开发设置-扫普通链接二维码打开小程序,点击“添加”按钮进入规则设置页面):
    小程序二维码生成普通链接并携带参数_第1张图片
    配置完成后 会在列表生成二维码地址,生成二维码就可以了
    小程序二维码生成普通链接并携带参数_第2张图片
    需要注意的点:

1.动态二维码规则:只要前缀跟二维码规则一直即可,同时前缀占用规则:选择不占用
2.小程序不发布配置的测试链接扫码进入不到小程序页面内,可以通过测试链接调试完成后进行发布
3.测试需要配置,最多只能配置5个

  1. 小程序二维码内容获取:
Page({
  onLoad(query) {
    const scan_url= decodeURIComponent(query.q) // 获取到二维码原始链接内容
    let id = scan_url.match(/\d+/)[0] // 获取拼接在链接后的内容
    const scancode_time = parseInt(query.scancode_time) // 获取用户扫码时间 UNIX 时间戳
  }
})

方法二

这种属于后端配置生成小程序二维码
对应小程序文档
wxacode.get 与 wxacode.getUnlimited的区别:`

wxacode.get:长度限制为128,但是有数量显示,总共生成的码数量限制为 100,000
wxacode.getUnlimited:长度限制为32,但是无数量限制

  1. 接口通过调用对应的微信api获取到二维码url
  2. 前端对应获取
wxacode.get:
	const codeInfo = wx.getLaunchOptionsSync()
	this.codePath = codeInfo.query

wxacode.getUnlimited:
	this.codePath = decodeURIComponent(query.scene)

大家按需选择哈,向更好的自己出发!

你可能感兴趣的:(微信小程序,H5,微信小程序,web)