html5开发

[分享] 30分钟做一个二维码名片应用,有源码!

不打扰是莪最后的温柔 提交于 2020-03-01 05:07:54
前言 30分钟带你用Wex5做一个微信公众号上使用的二维码名片,相应技术点有详细讲解,高清有码!( 点击下载全部源码 ) 二维码现在是无处不在,无孔不入了。大到一辆汽车,小到一包纸巾,身上都印有二维码,明码标价。败家娘们可能会说:没想过要买的,真心的!就是看着漂亮嘛,想拍个照片,谁知道一拍就弹出个支付界面,想按退出但是手抖。。。(这手抖的,不知道放在菜刀下会不会稳定一点?) 作为个人信息的载体,名片也是天然适合二维码这种形式的。今天小茄就试着用WeX5移动开发工具做一个电子的二维码名片,除了扫码识别外,还可以在微信里面一键识别并存到手机通讯录里面,也可以通过微信分享给朋友们。拿起手机测试一下吧: 这个应用的核心就是两个: 将个人信息转换成二维码; 二维码携带的名片信息可被手机识别。 为了实现这个需求,我们需要用到一个名片格式:vcard,关于vcard的介绍可以参考这篇文章:二维码名片介绍。 vcard格式生成 我们的需求比较简单,需要将名片信息拼接成如下vcard格式: 这就是一般的字符串拼接了,这里有个问题,就是中文的展示问题,如果直接将中文拿去转化成二维码的话就会出现乱码,所以我们需要将其转换成utf-8的通用编码格式: 然后将转换好的字符信息拼接成vcard格式的字符串: 这段代码有优化的空间,就交给你们去优化了哈!将上面的vcard格式字符串放入到二维码中