想要做一個小程序？工具人可以幫你一天就完成，我分享一下我歷經了18個小時做出來了一個完整的小程序的經驗，以及我開發的思路，以及后端代碼給大家展示。

時代在發展，社會在進步，市面上的各種工具越是越來越多，我們做程序員的也是可以說也是越來越快活了，可以說是，吃吃燒烤喝喝酒，閑著了就調試調試BUG。

那么今天我就來分享分享我前兩天剛開發的一套完整的同樣也帶后臺的小程序，完全是從0到有的開發出來的，也是沒有借助任何的小程序框架

一，成果

從早上的六點到第二天下午時分提交上架，除去做飯吃飯+拉撒，總共花費了18個小時。

進行了復盤下來，覺得很有成就感，就分析了出來。

二，工具清單

2.1 準備階段

思維導圖

小程序：微信公眾號平臺

2.2 開發階段

2.2.1 后臺

 · 版本管理：github

 · 后臺開發IDE：PHPStorm

 · 后臺框架：PHP + Laravel

 · 數據庫：MySQL

 · 微信后臺對接（Laravel插件）：EasyWechat

 · 圖片存儲（Larave插件）Aliyun-oss-storage

2.2.2 小程序

 · 小程序開發IDE：微信開發者工具

 · 小程序: 官方的文檔，組件，API

 · 瀑布流展示（小程序插件）：BrickLayout曉瀑布流

2.2.3 設計

 · 圖標：iconfont

 · UI參考：WeUI小程序版

 · 編輯與設計：Photoshop

2.3 運維階段

小程序助手

小程序數據助手

小程序客服小助手

三，開發過程

3.1 從ldea到動手

吃夠了漫不經意的生活，也是不經意的開始對自己以后的人生規劃動動手開搞，帶來一些甜頭與苦頭，近年ldea到后面的產品也都是非常謹慎的，就像這次的決定，也是已經好久沒有見到過這個場面了。

其實我也是不推薦也不建議怎么迅速的做出開發的產品，當然如果具備幾個因素：

· 項目開發周期較短，1-3天為宜

· 同樣也具備立竿見影的效果

· 沒有資金了

從ldea到產品，首先需要梳理自己的思路

之前用的思維導圖，近期也是一直用著去年剛出的幕布，后者也更方便，也可以多端可用，也是比較適合國內的人群使用習慣。

思維導圖

當時時間也是加急，也就只是簡單的畫了畫，當然了如果是比較大的項目，那還是需要有著專業系統的東西與思路，在此我推薦一下processon，往前也是一貫的用著它來完成我的流程圖，最近發現processon又出了一類的很好用的工具。

3.2著手設計

產品的成品，在開發之前最好也是又原型圖的，否則研發過程中，會慢慢的失去方向，被一點帶小事情干擾著，最后就會導致開發的最總產品與最初設想的有著很大的不同。

產品的原型圖工具，上面也是沒有列舉出來，也是因為項目太小了，畫原型圖時間上不太劃算，原型圖設計工具我推薦，墨刀和幕布，這樣可以方便給客戶演示時非常方便。

此次的設計，就是在腦子里打出來的原型圖，腦海里打了一個草稿，又去找了一些同產品同行業的產品借鑒了一些，這樣一來一個基本的產品該有的就有了。

當然至于上面風格啊，那就只能在iconfont和ooopic這樣的設計靈感招一些創意出來。

還好iconfont 也是有著一組圖標，剛好與心中產品也是比較默契，也就用著這套圖標。

到此，框架，圖標，logo，靈感，以及原型圖都有了，那么我就要開始擼代碼了

3.3 擼代碼

一個人搞定開發，設計，原型圖，UI，前后端，推廣，引流，其實這里面就有些門路了。

每個人的習慣各不相同，先做什么后做什么，也都是有方式方法的，當然還是以快捷方便為主。

首先搭建了小程序的框架，意思就是蓋房子，先打地基，該有個東西，該留的地方，都是要先搭建好的，例如Larave的本地的調試環境，代碼的倉庫，服務器，也要有備案的域名，搭建微信小程序的賬號，業務域名的配置等等一些其他的都關系，這一套流程環節都是要在腦海里先過一遍的。

之所以消耗那么多時間一口氣做完，是因后面在編碼的過程中的一些問題卡殼了，思路也可能會被擾亂，也會營銷開發微信小程序的效率，當然很多的事情都是時間上都是比較長的，例如域名備案，如果慢的話就得卡個很長時間，最總小程序也會停止開發。

還有第二點是先前在后，這個意思是說，在開發微信小程序時，先設計開發前端的界面和邏輯，再反過來做接口和數據等等其他的問題，不行么？行，但是不好。

因為隨著快速的迭代開發小程序的情況之下，前端界面和邏輯都時沒有經過系統式的設計和流程，發生變動的話，這就和傳統團隊開發不太一樣，沒有很全面詳細的設計再到開發的過程，也更沒有并存的開發條件，所以因地制宜，采取更適合這種小型作戰的方式方法。

當然了，這個還是建議重點關注的是具體的功能應用式的開發，而不是完全取消前置界面的設計，如果沒有了開發框架的設計，同樣也是不行的，就像房子不能沒有地基一樣的道理。

第三，就是先橫再豎，我們從水平和垂直的這兩個方式，去進行細致的劃分著功能。

比如某個項目中有四個界面，分別是發現頁面，發布信息頁，以及單篇展示頁，我在開發時，要先把這個也買你建好，把tad和圖標也都是添加了進去，界面也都要切好，還是要先感受一下，最終的小程序效果，這種交水平式開發，還是有很多好處的好處就是，讓你會對最終的形態有信心有感知，當然如果有什么不舒服的地方，也是可以進行調整把控。

最后是敏捷的支付，或者是脫胎與快速的開發模式的，大概的意思就是要持續的跟用戶客戶交付，可用的一些產品，在這里就是客戶就是開發者自身的。

在一些開發基礎原則上面，也一定要抓住按鈕大小，合適嗎，適用嗎，美觀等一系列的問題，在進行深度的打磨，才能精致。

3.4 運營準備

某個產品的啟動也是非常有講究的，尤其是社交UGC游戲產品，當一個用戶的第一次的使用，如果覺得產品很冷清，同樣也是毫無體驗，用戶是很難再體驗下去的，所以也要適當的“作假”就要比游戲里面會有人機一樣的道理，就是為了提升用戶的體驗度。

當產品在一定的量級之后，也要記好把這些“作假”移除掉，比如吃雞的配位機制，當用戶的段位很低時，系統會自動匹配一些AI人機，這樣也是鼓勵玩家去接著玩下去，有體驗感。當然當用戶人數達到了一定的數量量級后，也要適當的降低AI機器人的比率，讓用戶等待的時間過長也不是一件好事。

四，后記

項目的整個過程都是我自己一個人完成的，對于這種小項目尚能如此，當然了稍微大一點的項目就需要考慮協作等問題，以及也要用一系列高效率的工具進行開發和工作的進度問題。