閱前須知：

        因為興趣，自己在網上學習著小打小鬧地進行了一次微信小程式的小開發，因為屬於大一探索階段，之前沒有接觸過這個領域，所以很多東西理解不深，方法簡陋，因此建議懂一點的人就不用浪費時間看這些了。我寫這些純粹是為了對自己這段時間關於前後端知識的一個學習總結，並且對於同樣零基礎想自學瞭解一下小程式的小白（是那種比我更‘白’的小白）提供一點參考幫助，少走些彎路（本人在某些簡單的問題上卡了很久，因此不希望更多新手重蹈覆轍）。肯定漏洞百出，歡迎大佬指正輕噴！   不想看囉嗦解釋的只需要看紅字、標記和標題即可。

言歸正傳，下面就是對於小程式開發流程簡介的我的心得

要開發一個包含前後端功能的微信小程式，按照時間順序我的步驟依次如下

   一、小程式功能設計（核心，不寫實際程式碼）

       想專業一點的或者對於一個規模大一點的小程式，估計會走軟體工程的路子，個人剛開始學習的話建議設計這塊儘量簡單點，因為尚處在學習階段對於可能出現的難點和可以使用的方法都沒有太多的瞭解。浪費太多時間去設計，結果實際一寫程式碼發現根本行不通的情況是很容易出現的。但是，“麻雀雖小"也要"五臟俱全”,儘量按照這個流程來還是能提高效率和學到不少東西，而且對以後的小程式設計有經驗積累的幫助：

   1.需求分析（大意：get一個合適的創意）

      這個不僅對於微信小程式，而是幾乎所有程式開發都要有的。說白了，就是捕捉人們的需求，進而得到一個程式開發的主題，該主題就是解決人們需求的。這個步驟其實是流程中最重要的一步，是從“0到1”實現質變的一步，日常生活中人們的需求多種多樣，並不是每一種需求都適合用微信小程式來解決，也不是每一種適合用微信小程式解決的需求都容易被你發現。因此，這裡要多花時間來想想。想的時候儘管不要太涉及實現，但還是有限制，你要get的一個good idea可以參考下面的幾點：

     （1）規模上適合用微信小程式實現而不是app（功能太多太整合不適合）；

    （2）該需求適合用微信小程式解決（保證“用完即走”的一次性功能提供，比如你要搞一個需要長期沉浸式的學習類小程式，往往不合適，使用者不買單，事實證明微信API對這類功能的支援也幾乎沒有）

    （3）保證原創性（剛想到一個創意，建議在微信小程式搜尋那裡搜搜相關的關鍵詞，看看是不是你的創意早就被實現了）

    （4）集思廣益（一個只樂忠於“修仙”的程式“猿”往往對於需求的感知非常不敏感，多找些不會跟你競爭不會剽竊你創意的朋友、老師或者值得信賴熟人問問，往往有新靈感）

   2.概要設計 （大意：合理的功能設計和結構設計）

      功能設計，不要太詳細，但要稍微有點數，保證差不多可行。比如：我要實現查績點的功能，要確保你能搞到學校學分績點資料庫（這一般不花大價錢不搞嚴格稽核是不可能的，當然有免費API的話另當別論）。

      結構設計，同樣不要太詳細，對於微信小程式開發小白來講，你會發現再怎麼精心的設計也抵不過碼程式碼時兩句無法debug的報錯，因為有很多東西你邊學邊碼程式碼，才會知道。結構往往需要改，大致有個框架即可，但至少要搞清楚三點：

      （1）頁面邏輯結構（諸如首頁、分頁，之間的樹狀關係等）

      （2）前後端資料互動的框架（諸如根據功能設計，後端需要寫什麼樣的介面，前端大致如何呼叫等）

      （3）介面及資料庫設計（對介面的進一步功能設計，資料庫設計）

   這裡後面文章還會具體細說。

   3.詳細設計 （大意：對概要設計的具體演算法、資料結構、流程的設計）

      很多小程式用不上什麼很難的演算法，也用不上太多資料結構（要用一般也是用來提高效率的）對於初學者來講，能用最好，萬一不好用，你要做基本上就是對於每個概要設計的編碼流程設計，也就是對於每個結構功能，要差不多設計好打算如何編寫程式碼去實現它。但是對於每一小塊功能儘量做到設計的獨立，耦合程度越小越好，不然後面你會發現程式碼的重用會非常難，單元測試也困難重重（本人深受其害QAQ）

       譬如打算實現一個步數排行的功能，你要編寫的程式碼大致有這幾塊“子功能”：①呼叫API獲取步數資料②一個排序演算法③將排序後的資料渲染到UI上④意外情況處理

   4.測試設計(大意：可以完成一個單元再設計一組測試）

      因為前面幾部分要求不要太詳細，因此測試也無法設計得詳細。建議實現一個獨立單元的功能就設計一個對應的測試，並且就直接進行測試。具體後面文章會細說。

   二、環境部署及相關注冊

     涉及到工作環境、除錯工具、伺服器搭建、域名相關問題，後面會專門細說這中間遇到的問題。總之這一步一定要儘量早，小程式功能設計一完成建議就開始這一步，因為其中的審批要等不少時間，這裡弄好了，可以邊等審批邊寫程式碼。

    三、功能程式碼實現及除錯

     不出意外的話，後面80%的文章都圍繞這個展開，這裡不說。

     四、UI設計

     前面功能程式碼實現時，對於wxml,css用的全部是最簡陋的（為了專注，也方面觀察功能，也建議使用最簡陋的，除非樣式會影響測試結果）。畢竟這是吸睛的主要元素，建議也要好好搞一下，這裡對於著重對UI進行美化，修改，對不必要的細節進行隱藏。後面文章也會簡要敘述（只說些最基本的小技巧，因為本人的UI設計，呵呵。）建議有較高要求或者興趣的可以參考後面文章《學習路線與資源》或者網上找。

    五、提交上線與進一步測試

     到這一步，你的微信小程式應該已經差不多能拿得出手了，各種審批也已經OK了吧，想上線，想迭代，完成這一步吧。

       具體後面也會有說。

     六、維護

       按道理來說必然有這一步，但是運維這塊，本人才疏學淺，就不誤人子弟了。自己這次開發也沒有學習運維知識，只是上線後簡單迭代一下就跑來寫部落格記筆記了。但這一步對於一個正規運營的小程式應該也是重要的，共同學學吧。

       簡單的流程差不多就到這裡。

       最後，懇請大佬指正，第一次寫部落格，也是第一次參與簡單的包括前後端的小程式開發，認知很淺，寫這些權當做筆記，希望不是太誤人子弟。