微信小程序二维码

目录

前言

微信小程序中可以使用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);
        
        //处理其他业务逻辑
        ...
    }
}
相关推荐
andrsted1 天前
老师可以用小程序在线整理题库、课堂检测和错题集
学习·微信小程序·小程序·学习方法
学习星球2 天前
AI Agent 成本工程实战:从 OpenAI Codex 的 8 个“烧 Token“Bug 学起
人工智能·设计模式·微信小程序
律宏阔2 天前
微信小程序使用 Orval + OpenAPI 自动生成接口:Axios 兼容踩坑记录
前端·微信小程序
律宏阔2 天前
微信小程序集成 TDesign 完整记录:解决 NPM packages not found
前端·微信小程序
律宏阔2 天前
微信小程序 ECharts 瘦身实战:分包异步化 + componentPlaceholder 避开主包 2MB 限制
前端·微信小程序
andrsted3 天前
作业发布、课堂检测和错题讲评,用一个小程序完成
学习·微信小程序·小程序·学习方法
汤姆yu3 天前
基于微信小程序的家电维修预约系统
微信小程序·小程序·家电维修
软件聚导航4 天前
「聚小软 AI 助手」技术升级:从数据库检索到 RAG 知识库问答
前端·数据库·mysql·微信小程序·小程序·ai编程·rag
一叶星殇4 天前
微信小程序 Vant Popup 滚动穿透:页面级与组件级解决方案详解
微信小程序·小程序
2601_963869954 天前
【计算机毕业设计】基于微信小程序的点餐传菜系统设计与实现
微信小程序·小程序·课程设计