小程序二维码和小程序带参数二维码生成

本文主要讲解小程序二维码的基本概念,帮助开发和运营人员更好的掌握小程序参数二维码,同时也包含小程序二维码官方文档解读,更好的掌握小程序参数二维码在业务中的使用

一,小程序二维码小白介绍

二,小程序二维码开发介绍

三,小程序二维码生成介绍

四,小程序二维码官方文档解读

一,小程序参数二维码小白篇
介绍参数二维码的基础知识,让开发者和运营者知道什么是参数二维码

1. 首先我们要了解,什么是小程序的二维码?

以下是小程序二维码

image

小程序的菊花码
image

普通的小程序二维码

2. 为什么小程序码是圆的放射型,也称为菊花码

小程序最开始使用的是常规方形的二维码,后面微信专门为此设计了一套菊花码,也就是图二,为什么要专门搞一套小程序特有的编码呢,估计是

(1)专利原因

方形二维码的专利属于别人,微信没有专利。

(2)区分普通二维码,减少用户扫码额疑虑

 将小程序和普通的二维码进行区分,现在大家看到二维码,都不敢随便扫,但是如果提前知道二维码属于哪一类,对手机有没有危害性,这样就会减少扫码人的顾虑,大家看方形的二维码中间那   块还是圆的,就是为了,让大家知道这个是小程序,而且微信生成的二维码里,还有一句提示,明确的告之用户,这是小程序,可以放心使用 

更多小程序的菊花码故事,请跳转到这里 https://www.qcloud.com/community/article/347791

3. 什么是小程序带参数的二维码

小程序的带参数的二维码,顾名思义。就是就将参数带入小程序内,当然参数这个,是明显偏技术类的一个名称。 我们来举2个例子

播放视频例子

比如打开一个网页,播放视频

https://v.qq.com?play=湖人队比赛

当你打开网页的时候,网站知道你想要打开看的是湖人对的比赛,而参数名是play,参数值是湖人队比赛,那么网站就直接打开这个页面给您,而不是进入网站的首页。

同样的道理,当我扫码二维码打开小程序的时候,我希望能够直接找到对应的内容,而不是进入首页,一个一个去浏览。

衣服购买例子

image

我扫码二维码后,希望进入衣服的购买介绍页面,而不是小程序的首页,这样节省时间。

共享单车例子

再比如摩拜单车,每扫一个二维码,就直接对应的是这辆车,进入摩拜的小程序,摩拜是知道

image
    ![image](http://upload-images.jianshu.io/upload_images/5548226-d4da6d5c49118463.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

图中的编号02110015717 就传递到摩拜小程序了,摩拜小程序就知道你想打开哪辆车了(妹子和本文无关,不是我女朋友)。

所以带参数二维码,就是将数据直接带入小程序,小程序知道用户是扫哪个二维码过来的,参数是什么,用户希望做什么

所以带参数二维码,就是通过参数直达小程序的内容页面。参数二维码还有哪些场景呢?

小程序带参数二维码场景举例

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

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

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

音乐场景:扫码某个带参数二维码,直接打开播放某个固定的歌曲

推广场景:

线上推广

      比如我同样的一件衣服,放在A公众号推广,有多少人购买了,放在B公众号有多少人购买了,怎么区分和统计呢?

      那就增加一个参数两个二维码,增加一个参数,A公众号设置qudao=A  B公众号设置参数qudao=B,那么我们小程序就知道同样的一件衣服,是哪个公众号购买的

线下推广:

 通过带参数的二维码,商家将这些独一无二的小程序码配置在不同的物料上,开发者通过追踪到用户都是从哪儿识别进入到小程序,让商家清楚了解到各物料的投放效果。

这样,我们就知道哪边的推广效果好。

到这里小程序的参数二维码的具体用户我们大致是知道了。

二,小程序参数二维码开发篇
介绍如何开发小程序参数二维码,如何在开发模拟小程序参数二维码,以及代码里如何获取小程序参数码的值

1. 自定义编译条件

image

2. 在代理的onLoad里获取参数值

Page({
  onLoad: function(options) {
    // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
    var scene = decodeURIComponent(options.scene)
    //
    var query = options.query.dentistId // 3736
  }
})

我们通过onLoad 的options的参数,可以很方便的获取小程序带参数二维码传递过来的参数,以及场景参数二维码的值

三,小程序参数二维码生成篇

当小程序审核通过后,那么线上的小程序二维码是如何生成呢?芝麻小程序码提供了程序二维码生成工具。

网址如下 https://weixin.hotapp.cn

image

芝麻小程序码的特色

(1)支持小程序路径带参数,自定义带参数

(2)小程序码,方形小程序码,以及小程序码的美化

(3)支持创建带场景值的二维码

(4)支持小程序参数二维码的统计,统计扫码人数,扫码次数

四,小程序二维码官方文档解读

小程序二维码生成官方文档链接 https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html

接口A:生成普通菊花小程序带参数二维码,适用于需要的码数量较少的业务场景,通过该接口生成的小程序码,永久有效,用户扫描该码进入小程序后,将直接进入 path 对应的页面。

          数量限制是10万个
  接口地址:https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN
image
接口A的的生成二维码,如何生成,二维码样式,选择普通的菊花码

![image](http://upload-images.jianshu.io/upload_images/5548226-0a2e90a6c910b327.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

接口B:生成场景小程序参数二维码
通过该接口生成的小程序码,永久有效,数量不限制,用户扫描该码进入小程序后,将直接进入 path 对应的页面。

接口地址:https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN

image.png

用户扫描该码进入小程序后,开发者需在对应页面获取的码中 scene 字段的值,再做处理逻辑。使用如下代码可以获取到二维码中的 scene 字段的值。调试阶段可以使用开发工具的条件编译自定义参数 scene=xxxx 进行模拟,开发工具模拟时的 scene 的参数值需要进行 urlencode

// 这是首页的 js

Page({

onLoad: function(options) {

// options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
var scene = decodeURIComponent(options.scene)
}
})

产品发布后,场景小程序码的生成方法

image

** 接口C:普通方形二维码,适用于需要的码数量较少的业务场景,接口C和接口A的二维码总数量是10万个。如果数量比较多。需要用接口B,场景参数二维码**

接口地址:https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN
image

原文作者:Likwo
原文链接:小程序二维码和小程序带参数二维码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • 转载链接 注:本文转载知乎上的回答 作者:初雪 链接:https://www.zhihu.com/question...
    pengshuangta阅读 28,466评论 9 295
  • 小程序获取小程序码提供了三个接口 接口A: 适用于需要的码数量较少的业务场景 接口地址: POST 参数说明(先写...
    人类进化又没带我阅读 13,255评论 5 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,579评论 18 139
  • 在云端 / 飘荡着几缕不明的情绪在云端 / 愤怒与喜悦相拥远去歌声在礼赞中淡漠阳光向下 / 地面之下火焰在冰冷的目...
    雎鸠之北阅读 568评论 1 7
  • 主讲人:天津市滨海新区刘炳昭 题目:涵养健康学校文化 打造健康成长课堂 应该向基础教育工作者致敬! ...
    阳光小屋阅读 833评论 0 1