1 项目背景##
不应该说是一个项目,顶多算是自己的第一次微信h5页面尝试。以前经常在微信上看到各种h5页面,以测试为主题的居多。当时是中秋节,也想趁着过年赶紧做一个微信h5页面,实际感受下微信的传播效应,万一火了呢?
既然是中秋节,那就做一个“看看我属于哪种月饼”的测试页面吧,流程很简单,用户输入自己的姓名,提交后就会随机输出一个月饼的信息并保存至数据库,以后再测试这一名字时也会返回同样结果。
先把链接放在这里,以手机为目标浏览设备,在PC上看的话需要把浏览器宽度调窄一些。
2 项目实施##
具体的实现包括三个阶段:收集数据、写代码、测试。
花了点时间收集了20多种月饼的资料,包括名称、图片和简介。
然后就是写代码了,一个两个:首页和详情页。首页就是等待用户输入的状态,用户提交输入后即跳转到详情页,即一个详情页对应一个用户名称,同时根据session判断当前用户是否是详情页所对应的名称,从而给出不同的提示(对本人提示分享到朋友圈,对其他用户提示去首页尝试一发)。
测试包括在自己手机和微信上测试,以及让好朋友帮忙体验反馈。
花了两天时间,代码托管在这里。
3 成果展示##
最后的成果大概长这样,首页是等待用户输入的状态:
输入我的名字“张宏伦”之后,就会跳到对应的详情页了,给出“分享到朋友圈”的提示:
4 后记##
一时热血,两天做出来这样的成果,感觉已经很不错了。然而高估了微信的传播效应,最后大概也就几十个人访问并输入自己的名字,而且大多数都还是自己的同学或朋友,不过有这么个机会体验下,还是给自己一个肯定的评价。