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

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

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

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

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

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

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

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

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

原文发布于微信公众号 - 编程软文(zhuyuansj)

原文发表时间:2018-01-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏杨建荣的学习笔记

数据补丁中需要注意的几个问题(r5笔记第21天)

今天来感慨一下在工作中碰到的几处数据补丁问题,当然这些细节都是流程之外的控制和规范了,但是也或多或少出现了不少的问题,有些让人纠结,有些让人抓狂,有些让人无奈,...

33910
来自专栏JAVA高级架构

微服务架构选型实践

背景 随着公司一年多的成长,我们已经开发了数十个项目了,后台有 JAVA 的有 PHP 的,为了更好地提升开发与管理效率,各技术大牛小牛们时常进行激烈的 PK,...

4546
来自专栏SAP最佳业务实践

SAP最佳业务实践:ETO–报价处理(232)-6项目计划

CJ2B项目计划 已经使用模板(包含进一步处理所需的全部设置)创建项目。现在,必须根据询价中的需求进行计划。同时,还有些调整也必须在此完成,即更改缺省工作,为活...

3225
来自专栏WeTest质量开放平台团队的专栏

浅谈服务器性能测试的全生命周期——从测试、结果分析到优化策略

服务器性能测试是一项非常重要而且必要的工作,本文是作者Micheal在对服务器进行性能测试的过程中不断摸索出来的一些实用策略,通过定位问题,分析原因以及解决问题...

1723
来自专栏杨建荣的学习笔记

运维平台的建设思考-元数据管理(r7笔记第57天)

之前也写过一篇比较基本的文章,也算是自己对运维平台的一个基本思考。运维平台的建设思考(r6笔记第20天) 当然想法简单,而且缺乏实践,但是朝着这个方向迈进是没有...

4255
来自专栏北京马哥教育

榨干python性能之服务优化

初看这个标题,相信很多同学都笑了,python有性能可言么,呵呵哒...确实哦,python其实就是为了快速开发应用而出生的,虽然python的服务都以性能低...

3155
来自专栏VMCloud

【腾讯云的1001种玩法】在腾讯云上创建您的SQL Server 故障转移集群 (1)

在国内公有云厂商上搭建一套SQL Cluster的难度相信做Windows的童鞋都会很清楚,并非它的搭建有多少难度,只是很多细节需要注意。所以,今天我就来讲讲如...

5.3K2
来自专栏社区的朋友们

漫谈分布式集群的负载均衡—口水篇

为了理解分布式集群这个概念,我们先说说这两个概念:“集群”和“分布式”。艺术来源于生活,计算机科学亦是如此。

1.1K0
来自专栏小白课代表

集中式播放,给你更好的听歌体验。

随着音乐正版化的推进,想要在单一的平台听到想听的所有歌曲越来越困难,正版化是好事,但对用户来说,却绝对算不上是方便。虾米音乐、QQ音乐、网易云音乐、豆瓣音乐等等...

852
来自专栏带你撸出一手好代码

让程序的性能提升10倍

公司有一个Web Service,访问量不大, 但也不算小, 每天几百万的量级。正常情况下, 平均每个请求响应的时间在200毫秒左右。 每天几百万的访问量, 那...

3648

扫码关注云+社区