30分钟做一个二维码名片应用，有源码！

前言

    30分钟带你用Wex5做一个微信公众号上使用的二维码名片，相应技术点有详细讲解，高清有码！ (点击下载全部源码)

    二维码现在是无处不在，无孔不入了。大到一辆汽车，小到一包纸巾，身上都印有二维码，明码标价。败家娘们可能会说：没想过要买的，真心的！就是看着漂亮嘛，想拍个照片，谁知道一拍就弹出个支付界面，想按退出但是手抖了。。。（这手抖的，不知道放在菜刀下会不会稳定一点？）
作为个人信息的载体，名片也是天然适合二维码这种形式的。今天小茄就试着用WeX5移动开发工具做一个电子的二维码名片，除了扫码识别外，还可以在微信里面一键识别并存到手机通讯录里面，也可以通过微信分享给朋友们。拿起手机测试一下吧：

     

这个应用的核心就是两个：
    将个人信息转换成二维码；
    二维码携带的名片信息可被手机识别。
    为了实现这个需求，我们需要用到一个名片格式：vcard，关于vcard的介绍可以参考这篇文章：二维码名片介绍。


vcard格式生成


    我们的需求比较简单，需要将名片信息拼接成如下vcard格式：
    

    这就是一般的字符串拼接了，这里有个问题，就是中文的展示问题，如果直接将中文拿去转化成二维码的话就会出现乱码，所以我们需要将其转换成utf-8的通用编码格式：
     

    然后将转换好的字符信息拼接成vcard格式的字符串：