热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

小程序入口传参:关于带参数的小程序扫码进入的方法

1.使用场景1.医院场景:比如每个医生一个id,通过带参数二维码,扫码二维码就直接进入小程序医生页面2.餐厅场景:比如每个菜一个二维码,通过扫码这个菜的二维码,进入小程序后,可以直接点这道

1.使用场景

1.医院场景:比如每个医生一个id,通过带参数二维码,扫码二维码就直接进入小程序医生页面 

2.餐厅场景:比如每个菜一个二维码,通过扫码这个菜的二维码,进入小程序后,可以直接点这道菜,而不是要找菜铺。 

3.电商场景:扫码二维码带参数,进入小程序直接购买,比如通过公众号,通过带参数二维码,用户长按识别,直接进入服装的购买页面,提高购买转换。

2.二维码生成

通过后台接口可以获取小程序任意页面的二维码,扫描该二维码可以直接进入小程序对应的页面。 
小程序官方提供了3个二维码生成接口。可生成2种类型的二维码。 

微信公众号支持带参二维码的批量生成,但是小程序目前不可以,如果数量巨大,比如需要10万个带不同参数的二维码,那官方提供的二维码的生成方式就不实用了(可以自己尝试写一个脚本挂在那里循环生成233)

2.1.类型一

特点:

接口A(菊花形二维码)、接口C(普通方形二维码):适用于需要的码数量较少的业务场景:

  • 0.可接受path参数较长
  • 1.通过该接口生成的小程序码,永久有效
  • 2.生成数量受限制( 目前接口A、B总数量限制是10万个),扫码访问次数没有限制
  • 3.用户扫码后,直接进入指定页面

接口A的参数:

参数 类型 默认值 说明
path String - 不能为空,最大长度 128 字节
width Int 430 二维码的宽度
auto_color Bool false 自动配置线条颜色,如果颜色依然是黑色,则说明不建议配置主色调
line_color Object {“r”:”0”,”g”:”0”,”b”:”0”} 二维码的线条颜色

接口C的参数:

参数 类型 默认值 说明
path String - 不能为空,最大长度 128 字节
width int 430 二维码的宽度
2.2.类型二

特点:

接口B:适用于需要的码数量极多的业务场景

  • 0.可接受页面参数较短
  • 1.通过该接口生成的小程序码,永久有效
  • 2.数量不做限制(截止今天,官方未对生成数量做限制)
  • 3.用户扫码后,可以在对应页面获取到二维码中scene字段下面的值
  • 4.B接口调用分钟频率受限(目前5000次/分钟,会调整)
  • 5.B接口没有path参数,B接口只能跳转到主页面上。

B接口每分钟调用频率受限(目前5000次/分钟),超出该限制会报错:45009,官方表示对该限制会做调整。 
B接口根据传入参数不同可以用作:渠道统计和大致的场景入口区分(比如:连锁店中,餐厅A是一个二维码,餐厅B是另一个二维码)

接口B的参数:

参数 类型 默认值 说明
scene String - 最大32个可见字符,只支持数字,大小写英文以及部分特殊字
page String - 必须是已经发布的小程序存在的页面(否则报错)
width、auto_color、line_color     和接口1一样
// 这是首页的 js Page({ onLoad: function(options) { // options 中的scene需要使用decodeURIComponent才能获取到生成二维码时传入的scene var scene = decodeURIComponent(options.scene)//参数二维码传递过来的参数 var query = options.query.dentistId // 参数二维码传递过来的场景参数 } })

3.第三方二维码生成

好推二维码(芝麻小程序)

芝麻小程序

草料二维码

草料二维码

阿拉丁二维码

这里写图片描述

功能分析

功能 好推 草料 阿拉丁
费用: 免费 基础功能免费 基础功能免费
批量生成 X 支持 支持
路径带参数 支持 支持 支持
定制参数 支持 X 支持
带场景值 支持 X 支持
二维码统计(人数/次数等) 支持 X 支持
二维码样式定制 支持 支持 支持

《参考文档》

1.微信官方文档 
2.小程序二维码和小程序带参数二维码生成 
3.小程序社区: 跳坑《八十五》带参数二维码,返回数据保存为图片 
4.W3C-微信小程序API 获取小程序页面二维码


推荐阅读
  • 微信小程序中如何实现轮播图
    这篇文章主要介绍了微信小程序中如何实现轮播图,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带 ... [详细]
  • 微信小程序实战之菜谱小程序
    最近突发奇想,想要自己搞个小程序玩儿玩儿,但是鉴于自己是搞后端服务器出身,对于偏前端的微信小程序开发实在是一知半解,尤其是对于css类样式相关,更是无从下手,于是乎,只能从晚上找了 ... [详细]
  • 微信小程序实现类似微博的无限回复功能,内置云开发数据库支持
    本文详细介绍了如何利用微信小程序实现类似于微博的无限回复功能,并充分利用了微信云开发的数据库支持。文中不仅提供了关键代码片段,还包含了完整的页面代码,方便开发者按需使用。此外,HTML页面中包含了一些示例图片,开发者可以根据个人喜好进行替换。文章还将展示详细的数据库结构设计,帮助读者更好地理解和实现这一功能。 ... [详细]
  • 微信小程序新手教程wx.request(object) API
    微信小程序新手教程wx.request(object)API,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧wx.request(object)API这里通过干活集中营的A ... [详细]
  • 微信小程序实现简易计算器功能_javascript技巧
    这篇文章主要为大家详细介绍了微信小程序实现简易计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的 ... [详细]
  • 今天就跟大家聊聊有关怎么在微信小程序中监听全局变量,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇 ... [详细]
  • 本地存储组件实现对IE低版本浏览器的兼容性支持 ... [详细]
  • 本文介绍了如何使用 Node.js 和 Express(4.x 及以上版本)构建高效的文件上传功能。通过引入 `multer` 中间件,可以轻松实现文件上传。首先,需要通过 `npm install multer` 安装该中间件。接着,在 Express 应用中配置 `multer`,以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置,帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]
  • 深入解析Tomcat:开发者的实用指南
    深入解析Tomcat:开发者的实用指南 ... [详细]
  • 修复一个 Bug 竟耗时两天?真的有那么复杂吗?
    修复一个 Bug 竟然耗费了两天时间?这背后究竟隐藏着怎样的复杂性?本文将深入探讨这个看似简单的 Bug 为何会如此棘手,从代码层面剖析问题根源,并分享解决过程中遇到的技术挑战和心得。 ... [详细]
  • 微信小程序地图实现展示线路的方法
    这篇文章将为大家详细讲解有关微信小程序地图实现展示线路的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所 ... [详细]
  • 知晓推送正式上线!送你 13 亿条模板消息
    「知晓推送」能帮助小程序运营人员有效解决粉丝转化、消息推送、数据分析等多个层面的麻烦事,让小程序推广难、留存差的问题从此成为过去式。在服务上线的这个重要的日子里,贴心的小云专门向” ... [详细]
  • 微信小程序实现星级评分与展示
    这篇文章主要为大家详细介绍了微信小程序实现星级评分与展示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的 ... [详细]
  • 微信小程序学习笔记-3-问题
    一些在开发微信小程序中常见的问题页面渲染  微信小程序中规定所有页面上渲染出来的数据,包括文字和图片皆包含在在每个页面文件夹中的js文件中的page这个内置函数的参数data中, ... [详细]
  • 微信小程序下拉触发onPullDownRefresh函数调用,但是问题在这里面的实现并没有生效。原因:微信小程序默认不支持下拉也就是说想要支持下拉刷新的功能,还必须得要在app.jso ... [详细]
author-avatar
M-pp威_703
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有