我的第一款小程序

记得不久前知乎有人发文,吐槽某知识平台的一个关于微信小程序入门级付费专栏,收割智商税。当时我还在底下评论留言,说微信官方发布的文档就是最好的小程序入门教程。

事实也是如此,开发一款微信小程序本身没有那么难。比如,前端外行的我也现学现卖,开发了一款:以交通卡余额查询功能为主的出行助手小程序。

点我即可体验

需求来源

对于以公共交通为主的城市上班族来说,公交卡是必不可少的出行随身物品,至少我是其中一个。尤其是一次搬家之后,公交出行变成自己的主要交通方式。

一次偶然的上班早高峰,刷卡乘车时,发现公交卡余额不足,更悲剧的是,公交车站竟然无法查询余额和充值。吃此教训的我,一直对这件事耿耿于怀。

翻便网络,竟发现查询公交卡余额是一件非常繁琐的事情。虽然有些渠道可以查询得到,但是对于有完美主义和强迫症的我,实在不满意那些产品的丑陋 UI 和几经波折的交互方式。

既然没有心满意足的方式,那就自己动手,丰衣足食。考虑到一直想开发一款微信小程序来练手,但苦于没有好的产品创意,此刻刚刚好,就它了。既能满足自己的日常需求,还能锻炼我的扩展技能,说不定还能帮助很多和我一样的人,一举多得。

遇到困难

想法可以天马行空,行动却要脚踏实地。尤其是这种依赖服务的小程序产品,并没有想象中那么容易。从构建 UI 到新建项目,一步步到我的小程序最终审核通过,真的是经历过太多的坎儿。

举一些例子吧,一些刻骨铭心的例子。

微信小程序要求自己搭建的服务后台必须是 https 协议的,网站必须经过备案。这对于本来刚入门后端开发和毫无建站经验的我来说,整个过程真是一步一个坎儿。

我买的是腾讯云服务器,阿里万网的域名,按照网上的教程,自己生成免费的安全证书。

网站备案更是一件痛苦的事,而且你要知道,在上海这个地方,备案还需要上海市居住证的。从腾讯客服人工初审,到发送幕布,再到提交网管局审核等,前前后后用了近两个月。当时我的居住证即将到期,不足一个月,就单单续证这件事,跑了好几个早晨,好几个办事处。

做一款力争支持全国各地公交卡余额查询的小程序,还有一个比较大的困难,那就是搜集各省市的公交卡卡号作为自我验证的测试账号。其实事情本身并不没有技术难度,纯属人工搜索。

百度图片,Google 图片便是我获取真实公交卡卡号的地方。人工检索,没有更好的方式了。每新增一个城市,都要经历一遍检索。而且你要知道,很多网上的交通卡图片,都是伪造的,卡号都是无用的,但是你不测试一下,是不知道的。这是令我比较头大的地方,但别无他法,我不能不经过验证,就上线一个城市吧。

真正开发一款产品,会遇到各种各样的困难,这些只是其中一部分而已。好在,一步步我都走过来了,产品最终还是上线了。

产品形态

公交卡余额查询这个功能,从最初只有北上广三个城市,历经几个版本的迭代,到目前为止,已经扩展武汉、厦门等六大城市。后面我还会继续开发,可以的话,尽量支持更多的省市。

我的第一款小程序

还有一个更实用的功能,那就是「公交车实时到站」查询。这也是从我的日常乘车过程中发现的痛点需求而来。不过比较可惜的是,数据来源并不好搞,目前支持上海市,后续有可能的话,再增加其他城市吧。

我的第一款小程序

收获良多

开发这样一款从零到一、从无到有的还算完整的小程序产品,前后端完全由自己摸索着边学习边实践,虽然过程困难重重、费心费力,但是还是能学到不少东西的。

技术上,拓展更多方向上的知识,尤其是自己专业领域以外的知识,直面挑战与提升能力绝对是一个相辅相成的过程。

产品上,能够站在用户的角度,深刻理解用户的需求痛点,死磕 UI 和交互上的产品细节,对于我们这种平时只负责代码实现的程序员来说,又何尝不是一种不一样的体验呢。

我的第一款小程序

“点击上方图片,即可体验这款小程序。”

我的第一款小程序

其实是一个有点完美主义的程序员