微信小程序二维码

目录

前言

微信小程序中可以使用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);
        
        //处理其他业务逻辑
        ...
    }
}
相关推荐
tjsoft38 分钟前
unigui开发微信小程序
微信小程序·小程序
苏灵凯2 天前
智能环境监测终端全栈设计:从单片机到微信小程序,手把手搞定!
单片机·嵌入式硬件·mcu·物联网·微信小程序·小程序·蓝牙模块
nhc0882 天前
贵阳纳海川科技有限公司・货运物流行业解决方案
科技·微信小程序·小程序·软件开发·小程序开发
admin and root2 天前
AWS S3 对象存储攻防&云安全之OSS存储桶漏洞
微信小程序·小程序·渗透测试·云计算·aws·src·攻防演练
李庆政3702 天前
uniapp+unicloud打包部署微信小程序
微信小程序·小程序·uni-app
woshinon3 天前
【Uniapp(HBuilderX)针对微信小程序和H5平台实现差异化配置(自定义发行)】
微信小程序·小程序·uni-app
hashiqimiya3 天前
微信小程序---textarea组件布局
微信小程序·小程序
笨笨狗吞噬者4 天前
uni-app 编译小程序原生组件时疑似丢属性,可以给官方提 PR 了
前端·微信小程序·uni-app
摇滚侠4 天前
JAVA 项目教程《苍穹外卖-11》,微信小程序项目,前后端分离,从开发到部署
java·开发语言·微信小程序
AnalogElectronic4 天前
uniapp学习9,同时兼容h5和微信小程序的百度地图组件
学习·微信小程序·uni-app