微信小程序二维码

目录

前言

微信小程序中可以使用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);
        
        //处理其他业务逻辑
        ...
    }
}
相关推荐
h_65432101 天前
微信小程序点击按钮跳转链接并显示
微信小程序·小程序
银迢迢1 天前
微信小程序的开发及问题解决
微信小程序·小程序
liyinchi19881 天前
原生微信小程序 textarea组件placeholder无法换行的问题解决办法
微信小程序·小程序
前端极客探险家2 天前
微信小程序全解析:从入门到实战
微信小程序·小程序
h_65432102 天前
微信小程序van-dialog确认验证失败时阻止对话框的关闭
微信小程序·小程序
-曾牛2 天前
基于微信小程序的在线聊天功能实现:WebSocket通信实战
前端·后端·websocket·网络协议·微信小程序·小程序·notepad++
CN自由之翼2 天前
【微信小程序】webp资源上传失败
微信小程序·小程序
小新1103 天前
微信小程序学习之搜索框
学习·微信小程序·小程序
小新1103 天前
微信小程序之将轮播图设计为组件
微信小程序·小程序
不爱吃饭爱吃菜3 天前
uniapp微信小程序-长按按钮百度语音识别回显文字
前端·javascript·vue.js·百度·微信小程序·uni-app·语音识别