星野,二维码这把利刃,产品应该用到极致,小鱼儿与花无缺

注:本文有一些二维码干货,希望对二维码不是十分了解的产品/开发能有所收成。

注2:检查本文前,请先保证你手机里有满足可扫描二维码的App(微信/微博/QQ/浏览器/淘宝/支付宝/我查查/360……)

二维码,业界当然是人人传闻,人人用过。

这个论题,我却是悲喜交集,我一向以为,我有一种“二维码情节”。

一方面,我自以为是国内“研究”二维码比较早的一个人了,大学时也自己业余开发了一款Android App(太久没管,现在简直无法运用),主要做条形码比价和二维码扫描。而在后来的作业中,仍旧会接触到二维码的运用,让我翻开了更多的思路;另一方面,二维码的高度灵敏,导致每个人、每个产品对它的了解都不相同。一向以来,国内公司更是在这方面不论是产品功用,仍是互动营销上,都做得实在太粗糙。所以很难找到一个完美的方法,来把二维码真实的才干诠释出来。

这篇文章,我试着从原理、实践以及进阶技巧三个方面,来讲讲二维码或许对恣意互联网产品带来的好处。若能真实对哪怕一个用户带来便当,我也倍感侥幸。

一、二维码实质是什么?

假如你对这个问题一目了然,那么请直接越过。不然(尤其是非技术身世的产品司理)就必定要先知道,二维码到底是个什么东西?

一个一般的二维码

二维码(dimensional barcode,咱们习惯称QR Code)是柯南凶恶用某种特定的几何图形按必定规则在平面(二维方向上)散布的是非相间的图形记载数据符号信息的。

简略粗犷的解说便是:二维码它便是把一段纯文本用图形款式转化出来了,以便于快速扫描读出。

这样做的原因在于,假如我有一堆比较杂乱的文本(比方一个很长的URL、一些加密后的字符串、或许一个杂乱的快递编号),想把他们快速输入电脑/手机里的话,靠人肉是十分苦楚而简单犯错的。但经过二维码奇妙的编码后,就能用低价的扫描枪,或许一般的手机摄像头快速扫描录入,大大节省了时刻;而且转化成编码后,哪怕恣意一个字母,也不或许出现辨认过错。

二、现有产品都是怎样运用二维码的?

我这儿举几个最遍及的比如:

H5官网、App下载地址

这个真的不用介绍太多,便是直接把网站或App的URL,直接生成二维码,然后搬到WEB上或许线下进行推行。

微信

二维码的推进,在国内最大的功臣便是微信,这也得益于各种电梯外卖传单广告会显眼标示的“微信扫一扫”。咱们来看看微信的二维码长啥样:

牛冰峰的微信二维码

这个……二维码呐,它看起来都是这样对吧?但前面说过,“ 二维码它便是把一段纯文本用图形款式转化出来了”,所以咱们随意找些东西扫描下(例如 http://http://http://http://http://http://http://http://http://http://http://http://http://cli.im/deqr),上面的二维码对应的文本其实是这样的: http://weixin.qq.com/r/QeD64j-EGGJnrXuB97VT"> http://weixin.qq.com/r/QeD64j-EGGJnrXuB97VT。

没错,微信手刺的二维码,对应的是一个特别的URL,仔细看应该能猜到:后边“Qe借种2D64j-EGGJnrXuB97VT”这部分内容,便是包含了一个用户ID的信息(而且是经过加密的)。微信在扫描到“ http://weixin.qq.com/r/”最初的二维码时,就把后边“QeD64j-EGGJnrXuB97VT”部分解析,搜到这个用户(至于为什么后边部分要加密,你猜咯?)。

微博

了解了微信,再来看看微博二维码:

@牛冰峰的微博二维码

直接看二维码内容: http://weibo.cn/狂药基因qr/userinfo?"> http://weibo.cn/qr/userinf星野,二维码这把利刃,产品应该用到极致,小鱼儿与花无缺o?uid=1654762943"> http://weibo.cn/qr/userinfo?"> http://weibo.cn/qr/userinfo?uid=1654762943 ,这个更好了解了吧?最终的UID便是微博用户的ID了。客户端扫描到“ http://weibo.cn/qr/userinfo?"> http://weibo.cn/qr/userinfo?”最初信息,就抓取后边UID,并把该用户主页展现给扫描者(对了,比较微信,微博二维码里UID却是揭露的,你以为为什么呢?)。

好了,咱们常见二维码也能够说是两类,一类是一个单纯的URL,扫描就翻开网页,或许直接下载APP;另一类是“规划过的”URL,只有用对应的APP扫描,才干跳转到正确的界面。

关于第二类二维码,除了微博微信,也还有许多。但他们在流程上简直是一个原理:

扫描内容 --> 解析后匹配是否有固定部分 --> 获取动态部分 --> 跳转到对应界面

三、二维码进阶:User Agent(UA)的运用

现在咱们做个试验,仍是刚刚的微信二维码:

牛冰峰的微信二维码

咱们也知道,它对应的文本信息(也算是个URL)为: http://weixin.qq.com/r/QeD64j-EGGJnrXuB97VT"&g星野,二维码这把利刃,产品应该用到极致,小鱼儿与花无缺t; http://weixin.qq.com/r/QeD64j-EGGJnrXuB97VT。

接下来,请你顺次(尽卡车吊扣打法进程图或许)完结下面的操作:

运用微信客户端扫描上面二维码,是什么成果?运用Android微博(或许UC/百度浏览器/我查查)扫描上面二维码,什么成果?运用iPhone微博(或许UC/百度浏览器/我查查)扫描上面二维码,什么成果?在电脑上翻开 http://weixin.qq.com/r/QeD64j-EGGJnrXuB97VT"> http://weixin.qq.com/r/QeD64j-EGGJnrXuB97VT,什么成果?找一部非主流体系(例如Firefox、Ubuntu)手机扫描上面二维码,什么成果?

不论你是否尝试了,我先来说下成果:

直接扫描到我的账号了,能够增加到通讯录直接跳转浏览器开端下载微信.apk装置包了直接弹出Appstore微信运用了地址栏很快跳转了下,然后转到微信官网了翻开微信WAP官网了

So……分明是同一个URL啊,为毛它出现出了5种天壤之别的成果给我?

其实这儿是微信运用 User Agent信息,给你出现了不同aa187航班时刻表的成果罢了。

User Agent简称UA,简而言之,便是你拜访任何网站时,网站可经过你的UA得知你运用的操作体系、浏览器、浏览器内核等信息。这个信息最终是由你的浏览器传递给对方网站的(所以严厉来讲你是能够修正的,看看你手机上第三方浏览器设置里的UA选项)。

上面的5个比如,除了第1个原理前面讲到了,后边4个,都是依据用户UA,判别是4个渠道的用户,所以给他们各自跳转到了对应的地址,供给精确的服务(详细怎样完结?那你得找开发蝈蝈了~横竖你就跟他说我要这个功用呗)。

掌握了这个小知星野,二维码这把利刃,产品应该用到极致,小鱼儿与花无缺识,你就能够很灵敏地针对潜在扫描用户做出不同对待了。最初级的运用是,我不希望今后还能看到这种下载宣扬了:

许多许多产品在宣扬时运用过两张二维码

四、二维码利刃:URL参数组合

又牵扯到另一个大论题了,先看下面两个链接,仍是微博二维码格局:

http://weibo.cn/qr/userinfo?"> http://weibo.cn/qr/userinfo?uid=1654762943"> http://weibo.cn/qr/userinfo?"闲转记;> http://weibo.cn/qr/userinfo?uid=1654762943

http://weibo.cn/qr/userinfo?"> http://weibo.cn/qr/userinfo?uid=1639127253

别离点开,显着便是两个用户的微博主页洪泰艺。这时候你很简单想到:我把后边的uid=xxx随意替换,就能够检查不同的用户主页了吧?

没错。这儿 在一个URL中跟在“?”后边的相似“uid=12345678”的东西,称为参数。咱们在浏览器拜访 h福五鼠之风云复兴ttp://weibo酱汁淮山.cn/qr/userinfo?"> http://weibo.cn/qr/userinfo?uid=1654762943"> http://weibo.cn/qr/userinfo?"> http://weibo.cn/qr/userinfo?uid=1654762943的进程,实践上是浏览器找到了 http://weibo.cn/qr/userinfo这个服务窗口,给它说:“嘿,接口同志!我取个信息,uid是1654762943。”userinfo这个服务窗口依据从海量数据里查到了uid=1654762943的信息,回来给浏览器。浏览器最终把整个信息展现给了用户。

持续举个比如,假如有这样一个URL: http://weibo.cn/regi战将杨成武ster?name=bingfeng&sex=male&age=24"> http://weibo.cn/register?name=bingfeng&sex=male&age=24,这儿register是注册刘强东性侵的意思。那假如在浏览器翻开这个URL,进程就能够描绘为:浏览器找到了 http://weibo.cn/register这个注册专用服务台,给它说:“嘿,接口同志!我存个信息,它的姓名是bingfeng,而且性别是男,哦对星野,二维码这把利刃,产品应该用到极致,小鱼儿与花无缺了,年纪是24岁。”re星野,二维码这把利刃,产品应该用到极致,小鱼儿与花无缺gister注册专用服务台拿走了这些信息,悉数记载了下来,说“存好了你走吧”,浏览器回来给用户说:“存好了。”

上面讲了这么一大堆,便是为紫薇圣人起了一卦为了阐明一个原理: 一旦涉及到动态发生许多二维码,就必定会用到URL参数。同一个参数值是不重复的,代表了特定的节点钱牛速贷(某个用户、某篇文章等)。而产品便是经过扫描二维码后提取对应参数来完结查找的。例如微信二维码 http://weixin.qq.com/r/QeD64j-EGGJnrXuB97VT&quo地库激吻事情t;> http://weixin.qq.com/r/QeD64j-EGGJnrXuB97VT它的参数便是QeD64j-EGGJnrXuB97VT,仅仅看起来和“?”不太相同罢了。

二维码参数实例一:APP下载URL+设备ID参数

这是我2年前在新浪做的榜首个产品,也是新浪初次试水硬件/物联网的产品:新浪气候站,主要功用是经过App随时随地检查家里室表里的气候数据。在运用之前,用户有必要要用微博账号绑定买到的这台设备,而绑定的进程,毫利特说宋茜电话难要无疑问需求用到二维码。

那么问题来了:

用户首要需求装置“新浪气候站”APP;一般人看到二维码的榜首反应是:先用微信扫扫看;我需求用户运用“新浪气候站”来扫描这个二维码完结绑定。

怎样处理上面的问题呢?咱们做了下面的二维码,而且印刷在了设备上:

你能够扫描下载此运用试试

这个二维码对应的文本是: http://cdapp.sina.cn/weatherstation/web/down?deairtrippviceid=AC000W000000587。接下来,你别离用iPhone、Android和电脑浏览器翻开看看,是否和微信相同,直接下载App了呢?由于这个URL原本便是依据用户UA,回来了不同的下载地址。

当用户装置翻开气候站APP今后,会提示扫描该二维码,此刻其必定运用气候站内的扫描功用,而这时咱们将扫描到的内容解析,只提取“deviceid=AC000W000000587”这个参数,成功完结了绑定。

二维码参数实例二:一个二维码,支撑多个APP扫描运用

这个描绘不行清楚,产品需求其实是:微博与厂商协作推出的智能空调,其初次运用仍旧需求扫描二维码绑定。但该空调特征是,既支撑微博私信操控,又支撑独立APP操作。当然,微博和APP的二维码扫描也都要支撑。

这种状况下有一个最大的约束:微博二维码,它的方式是死的,就只能是 http://weibo.cn/qr/userinfo?"> http://weibo.cn/qr/userinfo?uid=3869385534这样,不然微博客户端压根就不会处理。但在这个URL里,参数uid它仅仅对应的微博号,而假如咱们空调APP要扫描,拿到了微博号是没用的,有必要拿到设芭蕾舞少女备号。所以,咱们突发奇想,直接在原URL后又加了个参数deviceID: http://weibo.cn/qr/userinfo?"> http://weibo.cn/qr/userinfo?uid=3869385534 &deviceID=ABCD987456

这儿的deviceID=ABCD987456,咱们称为无效参数。由于微博压根就不需求这个参数,所以当向微博恳求时,它以为这个没用直接疏忽掉。但是在咱们独立APP里,就能够专门去提取deviceID这个参数,然后得到自己最需求的信息。

这样,运用增加无效URL参数,完结了一个二维码为N个互不相同的客户端服务的意图。

五、二维码FAQ:

Q:二维码必定都是U星野,二维码这把利刃,产品应该用到极致,小鱼儿与花无缺RL内容吗?

A:当然不是。但在实践运用中,由于人们习惯用微信和浏览器扫描,URL是最天然的形状。而且许多二维码是为了推行APP,URL一扫就下,最便利不过了。

Q:我想在微信里也能完结扫描二维码后跳转下载我的App(而不是被屏蔽),有方法吗?

A:有!你去找一找鲜城,看看怎样做的。

Q:二维码或许传达歹意病毒吗?

A:这是个被央视报导过许屡次的论题,但惋惜央视每次都是望文生义闪烁其词。二维码实质是字符串,所以仅有的或许便是这个字符串对应了一个Android渠道的歹意程序,用户扫描后不做判别,直接装置并翻开了这个运用,而且一点点没发觉该运用与自己希望不一致。这就和曩昔几年淘宝购物时,随意点击来路不明的链接网银付款一个道理清川静江,你说二维码委屈不?

Q:二维码防伪是什么?

A:了解成把曩昔防伪查询需求手动输入的串号,现在改主动输入。千万别由于许多产品印刷个小小的二维码就觉得“是正品”了。

Q:二维码都这么丑?

A:二维码算法具有必定兼容性,是非块是最简单辨认的,但其实完全能够做许多美化的。这在企业宣扬规划上应该有很大的含义。

Q:为什么作者@牛冰峰有“二维码情节”?

A:由于从前看不下去国内对二维码的低效运用,一向想做一些事,但是一向没有真实行动起来。

#专栏作犬奴家#

牛冰峰,人人都是产品司理专栏作家,互联网产品人(汪),精酿啤酒爱好者。曾在新浪担任鲜城产品规划作业,现在在『找型』斗争,会拼命让美发变得更享用。拿手对产品体会细节的打磨和掌握,每天有超越18小时在深度运用各种产品上;有过丰厚的物联网/智能家电产品失利阅历、深入感悟;建议以运用星野,二维码这把利刃,产品应该用到极致,小鱼儿与花无缺场景为中心的服务规划。

本文系作者授权发布,未经许可,不得转载。

互联网人士必备微信大众号:woshipm,雷军和周鸿祎都重视了,假如你现已重视了,证明你现已很牛逼了。