微信小程序开发日记(2)—— 开发经历

历时4个多月,练手小程序「聚会报名」终于在本周一正式发布了,欢迎试用;
最新版微信可直接扫描下图的小程序码,如无法识别请直接搜索「聚会报名」。


由于技术限制(能力问题),设计效果和实际效果还是有不少差距;
由于时间限制(各种拖延),整个开发过程基本是以「2天打鱼、3周晒网」的节奏。
本文记录的为开发过程中的一些「大事件」

前端框架

原始设计图

由于我设计界面完全就是微信Style,最初是打算自己写CSS的。
但实际上手不久后,遇到了一个问题:
系统默认的CSS中,input里的文字和普通text在y坐标有很大的偏差,而且在模拟器、安卓、iOS上的偏移量都不同;
在搜寻解决方案的过程中,意外发现了WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计
https://github.com/weui/weui-wxss

这款WeUI对我而言:



因此,果断直接采用了这套样式库,为之后的开发过程省了不少事,感谢微信团队。

后端服务

后端,从一开始的目标就是要找现成的服务,果然有很多可用的后端平台(如果找不到,真的可能就放弃开发了),在一番对比后、很快就决定了选择LeanCloud,因为当时(1月初)它的官方文档和小程序示例最易懂。

LeadCloud
https://leancloud.cn/docs/weapp.html

不过用LeadCloud做「增删改查」感觉好麻烦…比SQL语句难用多了,做完基础的报名流程后依然还是一知半解;
加上过完年开始工作了、天天加班,开放进度异常缓慢;
Github项目地址就不公布了,代码写得太烂,不敢见人……

踩坑

在开发过程中,就算是老司机也难免踩坑,更别提我们这种业余级别的菜鸟了。
其中最大的一个坑,是地图层级问题,直接导致了活动介绍界面重新设计(虽然改起来其实挺快的)。


「原始设计图」与「实际效果」的对比

在模拟器中调试时,地图的显示一切正常,但是到了真机中,「报名参加」按钮被地图给挡住了……
当时查了好久都没找出问题所在、也没搜到能解决问题的相关信息,这个bug也就一直搁置着。
直到3月份重新开始继续开发后续页面时,在官方的地图控件介绍下面看到了这段说明(在1月份并没有!),终于放弃了尝试、改了效果图。

Bug & Tip
tip: map 组件是由客户端创建的原生组件,它的层级是最高的。
https://mp.weixin.qq.com/debug/wxadoc/dev/component/map.html#map

第一版

最基础的报名流程,其实第1周就做好了(虽然后面重写了),后来由于过年停滞了好久。2月份过完年之后,为了尽早上线、体验后台的数据分析功能,便简单包装了一下、发布了非常简陋的第一版。靠着伪装成「内部工具」通过了审核,当时的页面长这样:



每天还真有不少新用户会搜到这个啥都干不了的小程序,真对不起他们…


正式发布

上周末终于完成了MVP版本的开发,提交了审核,整套流程至少能跑通了。
微信团队的审核速度还挺快,周一上午就完成了审核。
由于还有好多功能没完成、以及数不清细节没有优化,上线后这几天没敢做过任何宣传、完全靠用户自发的去搜索、互相传播,每天居然也能有百来个新用户。
虽然人不多,但是每天刷刷微信的后台统计、以及数据库里的记录,还是能发现不少有意思的地方。

这个小程序的功能复杂度、系统规模,比起之前工作中设计的游戏系统可简单多了,
在公司里,对于这么一个中等量级的系统,我留给开发(1前端+1后端)的时间最多也就1周,
而到了自己这里,居然花了4个月,千万不能让他们知道……


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,254评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,875评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,682评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,896评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,015评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,152评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,208评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,962评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,388评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,700评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,867评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,551评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,186评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,901评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,142评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,689评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,757评论 2 351

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,900评论 25 707
  • 许我十里桃花 许我嫁衣红霞 许我四海为家 许我相思放下 许我淡饭粗茶 许我青丝白发 许我当歌纵马 许我浪迹天涯。 ...
    丿之恒阅读 180评论 0 0
  • 凤九抱着盒子,走出了狐狸洞,不是去了别处,而是去了当年白浅盛放墨渊仙身的炎华洞。这炎华洞,常年气温较低,仙气缭绕,...
    转角花开阅读 3,863评论 1 45
  • 我希望全国各省都有几个我认识的人,并不是想图什么利益关系只是希望我能对他所在的那个省份地区都能了解一点,以后再遇到...
    罗小扇阅读 215评论 0 0
  • 1.架构如图9-5所示,Spark运行架构包括集群资源管理器(Cluster Manager)、运行作业任务的工作...
    d33911380280阅读 1,024评论 0 2