微信小程序二维码

目录

前言

微信小程序中可以使用2种二维码:

  • 小程序二维码
  • 普通链接二维码

小程序二维码

文档链接:获取小程序码

小程序二维码目前有4种,对应不通的应用场景分别为:

  • 小程序码。小程序码,圆形的。
  • 不限制的小程序码。小程序码,圆形的。
  • 小程序二维码。二维码,方形的。
  • 小程序码(一物一码)。小程序码,圆形的。

下面说明不限制的小程序码,其它略。

不限制数量的小程序码

不限制的小程序码,可理解为不限制数量的小程序码,但传递参数的数据量受限制。应用场景较多。

微信小程序官方文档:获取不限制数量的小程序码

文档链接:获取不限制的小程序码

小程序里面中接收不限制数量的小程序码传递的参数

不限制数量的小程序码通过scene 值传递参数。获取 scene 值的方法:

  • scene 字段的值会作为 query 参数传递给小程序/小游戏。用户扫描该码进入小程序/小游戏后,开发者可以获取到二维码中的 scene 值,再做处理逻辑。
  • 调试阶段可以使用开发工具的条件编译自定义参数 scene=xxxx 进行模拟,开发工具模拟时的 scene 的参数值需要进行 encodeURIComponent
js 复制代码
Page({
  onLoad (query) {
    // scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
    const scene = decodeURIComponent(query.scene)
  }
})

普通链接二维码

微信小程序官方文档:扫普通链接二维码打开小程序

文档链接: 扫普通链接二维码打开小程序

小程序里面中接收普通链接二维码传递的参数

扫普通链接二维码打开小程序后,小程序中可以使用options.q获取url里面带的参数。

js 复制代码
 onLoad: function (options) {
    console.log("------onload--"+JSON.stringify(options));

    if (options.q !== undefined ){
        //截取参数  options.q ='域名地址?productId=12345678';
        let q = decodeURIComponent(options.q);
        
        //处理其他业务逻辑
        ...
    }
}
相关推荐
小羊Yveesss19 小时前
2026年微信小程序后端怎么搭建?后台、数据、接口和运维怎么选
运维·微信小程序·小程序
小皮虾20 小时前
小程序首页性能优化实战:从 4 秒到 1.8 秒
前端·微信小程序
衍生星球3 天前
SpringBoot3 + Vue3 + 微信小程序如何学习,以及学哪些技术,组件
sql·微信小程序·uni-app·vue·springboot
新华财经频道3 天前
2026微信小程序搭建平台实测测评,优缺点解析
微信小程序·小程序
kidding7234 天前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架
这是个栗子5 天前
uni-app 微信小程序开发:常用事件指令(@xxx)(一)
微信小程序·小程序·uni-app
博客zhu虎康8 天前
小程序:微信小程序连接打印机蓝牙打印全攻略
微信小程序·小程序·notepad++
tcdos8 天前
不止扫码 — 微信生态深度融合(登录 + 支付 + 消息)
后端·微信小程序
小徐_23339 天前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
蜗牛前端11 天前
codex 全流程开发上线的高颜值礼簿小程序
前端·微信小程序