微信小程序二维码

目录

前言

微信小程序中可以使用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);
        
        //处理其他业务逻辑
        ...
    }
}
相关推荐
今年下半年10 小时前
【微信小程序】uni-app + Vue3 + Vite 的小程序项目实现「进入指定范围才能打卡」的考勤功能
微信小程序·uni-app·定位·考勤
xinraynet12 小时前
沈阳企业小程序开发选型:五个可核验维度,附设备数据采集与私域商城的技术实现要点
大数据·科技·ai·微信小程序·小程序
liangshanbo12151 天前
前端面试题:微信小程序怎么优化性能?
前端·微信小程序·notepad++
拖孩1 天前
一个全程 AI 写的小程序「厨菜记」,上线 20 天跑通流量主,收入几块钱,开心得不行
前端·后端·微信小程序
程序猿_极客1 天前
【免费】分享一套优质的基于微信小程序的音乐播放器系统的设计与实现,源码+文档+视频详解(讲解)
微信小程序·小程序·springboot·音乐播放器小程序·音乐管理系统
愚公搬代码1 天前
【愚公系列】《微信小程序项目实战(AI编程+视频图解)》015-测试
微信小程序·小程序·ai编程
小蒜学长2 天前
基于微信小程序的遇见咖啡店点餐系统设计与实现(代码+数据库+LW)
java·spring boot·后端·微信小程序·咖啡店点餐系统
光影少年3 天前
Taro 是如何解析入口配置 app.config.ts 和页面配置的?
微信小程序·小程序·typescript·reactjs·百度小程序·taro
用户788477316343 天前
门店核销闭环:小程序扫码 + .NET 幂等接口 + WPF 看板,一天能跑通
微信小程序·c#
愚公搬代码3 天前
【愚公系列】《微信小程序项目实战(AI编程+视频图解)》014-莫凡商城小程序项目视图容器组件的应用
微信小程序·小程序·ai编程