文記錄的為微信小程序(聚會(huì)報(bào)名)開(kāi)發(fā)過(guò)程中的一些「大事件」;
歷時(shí)4個(gè)多月,練手小程序「聚會(huì)報(bào)名」終于在本周一正式發(fā)布了,歡迎試用;
最新版微信可直接掃描下圖的小程序碼,如無(wú)法識(shí)別請(qǐng)直接搜索「聚會(huì)報(bào)名」。
由于技術(shù)限制(能力問(wèn)題),設(shè)計(jì)效果和實(shí)際效果還是有不少差距;
由于時(shí)間限制(各種拖延),整個(gè)開(kāi)發(fā)過(guò)程基本是以「2天打魚(yú)、3周曬網(wǎng)」的節(jié)奏。
本文記錄的為開(kāi)發(fā)過(guò)程中的一些「大事件」

由于我設(shè)計(jì)界面完全就是微信Style,最初是打算自己寫(xiě)CSS的。
但實(shí)際上手不久后,遇到了一個(gè)問(wèn)題:
系統(tǒng)默認(rèn)的CSS中,input里的文字和普通text在y坐標(biāo)有很大的偏差,而且在模擬器、安卓、iOS上的偏移量都不同;
在搜尋解決方案的過(guò)程中,意外發(fā)現(xiàn)了WeUI
WeUI 是一套同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù),由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁(yè)和微信小程序量身設(shè)計(jì)
https://github.com/weui/weui-wxss
這款WeUI對(duì)我而言:

因此,果斷直接采用了這套樣式庫(kù),為之后的開(kāi)發(fā)省了不少事,感謝開(kāi)發(fā)團(tuán)隊(duì)。
后端,從一開(kāi)始的目標(biāo)就是要找現(xiàn)成的服務(wù),果然有很多可用的后端平臺(tái)(如果找不到,真的可能就放棄開(kāi)發(fā)了),在一番對(duì)比后、很快就決定了選擇LeanCloud,因?yàn)楫?dāng)時(shí)(1月初)它的官方文檔和小程序示例最易懂。
LeadCloud
https://leancloud.cn/docs/weapp.html
不過(guò)用LeadCloud做「增刪改查」感覺(jué)好麻煩…比SQL語(yǔ)句難用多了,做完基礎(chǔ)的報(bào)名流程后依然還是一知半解;
加上過(guò)完年開(kāi)始工作了、天天加班,最終還是找了「同樣想學(xué)習(xí)程序的菜鳥(niǎo)外員」幫我研究后端、協(xié)作開(kāi)發(fā);
Github項(xiàng)目地址就不公布了,代碼寫(xiě)得太爛,不敢見(jiàn)人……
在開(kāi)發(fā)過(guò)程中,就算是老司機(jī)也難免踩坑,更別提我們這種業(yè)余級(jí)別的菜鳥(niǎo)了。
其中最大的一個(gè)坑,是地圖層級(jí)問(wèn)題,直接導(dǎo)致了活動(dòng)介紹界面重新設(shè)計(jì)(雖然改起來(lái)其實(shí)挺快的)。

在模擬器中調(diào)試時(shí),地圖的顯示一切正常,但是到了真機(jī)中,「報(bào)名參加」按鈕被地圖給擋住了……
當(dāng)時(shí)查了好久都沒(méi)找出問(wèn)題所在、也沒(méi)搜到能解決問(wèn)題的相關(guān)信息,這個(gè)bug也就一直擱置著。
直到3月份重新開(kāi)始繼續(xù)開(kāi)發(fā)后續(xù)頁(yè)面時(shí),在官方的地圖控件介紹下面看到了這段說(shuō)明(在1月份并沒(méi)有?。?,終于放棄了嘗試、改了效果圖。
Bug & Tip
tip: map 組件是由客戶端創(chuàng)建的原生組件,它的層級(jí)是最高的。
https://mp.weixin.qq.com/debug/wxadoc/dev/component/map.html#map
最基礎(chǔ)的報(bào)名流程,其實(shí)第1周就做好了(雖然后面重寫(xiě)了),后來(lái)由于過(guò)年停滯了好久。2月份過(guò)完年之后,為了盡早上線、體驗(yàn)后臺(tái)的數(shù)據(jù)分析功能,便簡(jiǎn)單包裝了一下、發(fā)布了非常簡(jiǎn)陋的第一版??恐鴤窝b成「內(nèi)部工具」通過(guò)了審核,當(dāng)時(shí)的頁(yè)面長(zhǎng)這樣:

每天還真有不少新用戶會(huì)搜到這個(gè)啥都干不了的小程序,真對(duì)不起他們…

上周末終于完成了MVP版本的開(kāi)發(fā),提交了審核,整套流程至少能跑通了。
微信團(tuán)隊(duì)的審核速度還挺快,周一上午就完成了審核。
由于還有好多功能沒(méi)完成、以及數(shù)不清細(xì)節(jié)沒(méi)有優(yōu)化,上線后這幾天沒(méi)敢做過(guò)任何宣傳、完全靠用戶自發(fā)的去搜索、互相傳播,每天居然也能有百來(lái)個(gè)新用戶。
雖然人不多,但是每天刷刷微信的后臺(tái)統(tǒng)計(jì)、以及數(shù)據(jù)庫(kù)里的記錄,還是能發(fā)現(xiàn)不少有意思的地方。
這個(gè)小程序的功能復(fù)雜度、系統(tǒng)規(guī)模,比起之前工作中設(shè)計(jì)的游戲系統(tǒng)可簡(jiǎn)單多了,
在公司里,對(duì)于這么一個(gè)中等量級(jí)的系統(tǒng),我留給開(kāi)發(fā)(1前端+1后端)的時(shí)間最多也就1周,
而到了自己這里,居然花了4個(gè)月,千萬(wàn)不能讓他們知道……