欢迎光临,了解微信小程序开发,就上易用通!

名片类小程序群应用使用vCard 功能分析

发布:2017-11-10 15:52浏览: 来源:网络 作者:tianshu

问题描述:群应用小程序会在你编辑名片完成时,生成一张个人名片;该名片下方有一个二维码,可通过微信聊天界面发送给好友,好友进行长按该图片,即可调出一张高逼格的界面。

 

名片类小程序群应用使用vCard 功能分析(图1)

 

长按二维码之后,弹出下面的界面。疑问是:这个界面是怎么做到点击“保存”弹出创建联系人对话框,并且可以直接调用手机系统进行保存联系人信息?弹出的这个页面是小程序原生的?H5做出来的?还是其他呢?

 

名片类小程序群应用使用vCard 功能分析(图2)

 

接到问题时,差点被小程序绕弯!因为这个界面是小程序生成保存下来的。但是!小程序根本不支持长按识别进入,那么如果不是小程序会是什么呢?

 

接着尝试往下拉整个界面,发现根本拉不下来,那么此页面也绝非是H5或者某公众号二维码。如果是一个网站,那么在微信中下拉会在顶部提示:Provided by xxx.xx.com。如果该二维码是公众号生成的,那么不需要关注或授权就直接调页面?反正这个界面跟公众号或H5是无关的。

 

事实上直观看这个界面是原生的。但如果是原生的,二维码是怎么做到调用微信原生界面呢?更何况这个界面貌似我从来没有见到过,而且可以做到保存联系人信息......

 

问了几位有公众号开发经验的朋友也是无果......

 

最后实在被逼,Ronnie.Shi拿起自己的手机,用支付宝扫该码,接着是自带浏览器的扫一扫进行扫描,这个时候有效果了。

 

扫描提示如下:

 

名片类小程序群应用使用vCard 功能分析(图3)

 

ok,线索来了。BEGIN:VCARD开头,中间加了一段内容,最后END:VCARD结尾。于是我去百度一番【别笑我,对于获取知识,百度google都一样】

 

搜索结果如下:

名片类小程序群应用使用vCard 功能分析(图4)

 

vCard 规范容许公开交换个人数据交换 (Personal Data Interchange PDI) 信息,在传统纸质商业名片可找到这些信息。规范定义电子名片(或叫vCard)的格式。 vCard 规范可作为各种应用或系统之间的交换格式。定义的格式与传送的方法无关。传送交换可能是文件系统,点对点交换的公共电话网络,以有线网络或无线传送的方式。用户能在互联网上直接利用vCard。

 

ok,他就是一种用于交换个人信息的电子商务名片,本身提供了规范内容,有兴趣的朋友可以前去查看更多支持字段【URL:https://baike.baidu.com/link?url=-NHGPjJT0aqQvosZ39KRidIEKrOKG6q9tPxX4yUli0EGDDvWVYqi8xP1kqVKBij292MEoftnJXiYoWWeHTK3l_】可以对自己个人信息进行编辑。

 

例如:

BEGIN:VCARD

VERSION:2.1

N:小李君

TITLE:扫地工

TEL;WORK;VOICE:132****6545

URL:https://mp.weixin.qq.com/s/vmHllbHvEND_qaj9Xg_ODw

END:VCARD

 

然后在好推二维码平台进行输入测试

 

名片类小程序群应用使用vCard 功能分析(图5)

 

接下来我就可以用微信扫一扫,调出一个有逼格的原生界面。不妨扫描试试看?

 

名片类小程序群应用使用vCard 功能分析(图6)

联系方式可以保存到本地,网站可直接点击跳转

 

那么为什么电子卡片可以直接跳转到微信原生界面呢?Ronnie.Shi认为微信本身对电子卡片做了标准组件支持,而支付宝和其他的浏览器暂未支持,所以扫描后会弹出“源码”。

?

小李说:本身群应用小程序生成的带二维码的个人名片与小程序无关;二维码通过二维码生成平台,对vCard规范编码进行合成,基于微信原生界面对vCard的标准组件支持可以实现这个装逼的功能。






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。