Time醬：100小時熬成的微信小程式

ppweek發表於2017-02-20

文/nickyhu
本文試圖回答這些問題：

作為個人開發者或創業小隊，該選擇哪類產品試手小程式？
微信小程式的開發是一種怎樣的體驗？
開發和維護一款微信小程式的成本是多少？
一個想法是如何一步步變成一個小程式的？

從 12 月 22 日開始，我利用業餘時間，陸續投入 100 小時，一人單槍匹馬完成了一款微信小程式。整個過程混雜著產品構思，互動設計，UI 調校，資料結構設計，程式碼編寫。總體而言，微信小程式不論是學習門檻，還是開發維護成本，相比 app 原生開發，都低很多，一次開發，覆蓋所有微信使用者，挺適合小工具和早期產品試錯。

產品構思

之前寫過一篇對小程式的預測《小程式，微信的自我殘化》，其中提到「小程式能幫助微信群成員更深度互動」，對於個人開發者或創業小隊而言，如果沒有獨到的可持續的結構化資訊，沒有連線線上線下的商務服務能力，開發一款小工具可能是一個不錯的選（huan）擇（xiang）。

對於工具而言，有一個傳統的分類「效率類」，下面有一大堆時間管理和目標管理的 app 應用。

傳統的時間管理和目標管理應用，比如 Clear，倒數日，番茄時鐘，omnifocus 都是單人模式，是自己對時間和目標的管理與提醒，本質是備忘工具。

然而，時間的感知維度是豐富的，除我之外，每個參與者都有不一樣的視角。有些場景，有好友一起參與，才能堅持更久，更值得回顧和珍惜。兄弟陪你每天晨跑，閨蜜與你一起減肥，和學霸男友一起過四六級，一家人 10 天的出國旅行，每一次目標的達成，都是一段與時間為友的美好體驗。

因此，如果能把大家的投入，回憶，心得在一個目標下聚合起來，彼此心照「而」宣，對目標的達成會更有幫助，讓堅持更多一點趣味。

所以，我決定實現這樣一個小工具，她是一款能讓時間和目標管理更有趣的小程式，幫你擺脫朋友圈的時間黑洞。在看完一集 papi 醬的逗逼視訊後，我腦洞一開，不如就叫「Time醬」。

不用繁瑣的設定，不用耗時的下載，新使用者只需開啟微信，直接搜尋「time醬」，就能立即免費新增「小目標」，每天與好友一起記錄目標的進展，回顧目標里程碑。

產品實現

有了 idea 之後，不急著做產品原型，建議先仔細閱讀《微信小程式設計指南》，核心是不要干擾使用者，保持簡潔優雅，隱含的意思是用你的產品和服務來征服使用者，而不是靠營銷來廣告使用者。WeUI 是一套小巧的互動框架，所有要素，微信已經高頻地教育過 8 億多使用者，我們直接拿來主義就好。

我是一邊看著 WeUI，一邊想功能，互動和視覺，一邊直接寫程式碼實現，所以下面簡單說說技術選型和開發過程。

開發工具首選微信官方的，整合了專案配置，編碼，預覽，除錯，打包和釋出的全流程，大約花 2 小時熟悉之後，有點不相信，屏這個和 chrome 除錯類似的小工具就能搞出 app 原生的互動體驗？

對小程式新語法的熟悉，如果你有 vue 或 react 的基礎，那學習門檻幾乎為 0，分分鐘上手，我前前後後大約花了 8 小時基本掌握了小程式的語法和開發規則。

小程式開發框架滿足了使用者前端互動，後端資料和伺服器還是要自己搞定，這個時候，給大家隆重推薦一款利器 Leancloud（檢視小程式 SDK 文件入口），它能讓你專注在前端互動上，後端的資料結構，介面服務，併發負載，實時通訊能力都能幫你全套搞定。如果沒有 Leancloud，可能我還要多花 100 小時在後端的處理上，或者需要組隊一名後端程式設計師來一起開發。有了 Leancloud，可以更自由更獨立的發揮。有了它，後端處理大約花了 10 個小時。

剩下的 50 個小時，用在具體功能開發和聯調測試中。下面具體介紹一下「time醬」的產品功能。