需聲明的是，在開發(fā)小程序前，我已有一定的后端編程經(jīng)驗(yàn)。考慮到大部分同學(xué)沒有編程基礎(chǔ)，我選擇談一談這個(gè)題目——我是如何從0到1開發(fā)小程序的。好讓想自行開發(fā)小程序的同學(xué)明白從開發(fā)到上線大概是怎樣的一個(gè)流程，大致流程如下：
- 做什么
- 做成什么樣
- 怎么做
做什么
我是應(yīng)創(chuàng)業(yè)朋友之邀，幫他做一款管理智能門鎖的小程序。無論你是自己做還是幫別人做，最重要的一件事是——搞清楚做什么。
你應(yīng)該梳理清楚自己的小程序包含哪些模塊、每個(gè)模塊具備什么樣的功能，把這些整理成思維導(dǎo)圖或者文檔。
做成什么樣
從呈現(xiàn)形式來講，小程序就是一個(gè)又一個(gè)的頁(yè)面，在這一步，你需要把上一步的「做什么」轉(zhuǎn)變成一副又一副的界面草圖。
如果你會(huì)一些專業(yè)的UI繪圖工具，可以用這些工具會(huì)好草圖；如果你不會(huì)，沒關(guān)系，手繪也可以。
除了繪圖，這一步很重要的一點(diǎn)是把頁(yè)面與頁(yè)面之間跳轉(zhuǎn)的行為搞清楚。舉個(gè)例子：你必須繪圖時(shí)同時(shí)繪好線，將點(diǎn)擊某個(gè)按鈕跳轉(zhuǎn)到另外一個(gè)界面的跳轉(zhuǎn)行為標(biāo)注清楚。
這一步是為后面的具體編碼打基礎(chǔ)，也是至關(guān)重要。
怎么做
總的來講，最難的還是這一步，大概可以分為以下幾個(gè)小步驟。
1.跑起來
作為入門，先照著小程序官網(wǎng)的簡(jiǎn)易教程做一遍，這樣你便——
- 注冊(cè)了小程序賬戶；
- 安裝了開發(fā)工具；
- 發(fā)布了屬于自己的第一個(gè)小程序。
這僅僅是一個(gè)簡(jiǎn)單的入門，它能讓你快速獲得成就感，但它也是有缺陷的，它只展現(xiàn)了一部分。小程序其實(shí)可以類別網(wǎng)頁(yè)，它只是一個(gè)呈現(xiàn)在眾人眼前的「外表」，業(yè)界內(nèi)稱前端。而「外表」下的「內(nèi)在」——小程序所呈現(xiàn)的數(shù)據(jù)需要有另外一個(gè)部分去支撐，業(yè)界內(nèi)稱后端，可以簡(jiǎn)單理解它是負(fù)責(zé)數(shù)據(jù)邏輯和后臺(tái)控制邏輯的。至此，引出了另外一個(gè)入門小程序——三木聊天室，它是包含了前后端的，按照指引運(yùn)行起來吧！
2.利其器
所謂工欲善其事必先利其器。這里的「器」包括以下最少必要知識(shí)。前端部分是：
- HTML（百度搜：HTML基礎(chǔ)教程）
- CSS（百度搜：CSS基礎(chǔ)教程）
- JavaScript（百度搜：JavaScript基礎(chǔ)教程）
后端部分，我的建議是：
- Node.js（百度搜：Node.js基礎(chǔ)教程）
言下之意是，后端其實(shí)有很多開發(fā)語(yǔ)言，之所以建議Node.js，是因?yàn)樗鋵?shí)是JavaScript語(yǔ)言的一個(gè)子集，這可以節(jié)省很多學(xué)習(xí)成本。
以上知識(shí)儲(chǔ)備，目的是讓你掌握「語(yǔ)法」，你可以大概瀏覽一遍，邊學(xué)習(xí)邊查看上一步部署到小程序開發(fā)工具的項(xiàng)目的源碼，看看能看懂多少。沒有看懂也無需氣餒，善用搜索引擎，慢慢積累即可。我也沒有看懂全部代碼，但不影響我開發(fā)小程序，因?yàn)槲腋鼘Ｗ⒌氖侨绾稳ァ赣眠@些例子代碼」。
會(huì)一些「語(yǔ)法」，并不代表你會(huì)「流利的說」。你還需要通讀小程序官網(wǎng)的所有文章，了解小程序具備哪些能力（業(yè)界內(nèi)稱API）可調(diào)用。小程序官網(wǎng)有一個(gè)「小程序示例」（微信小程序搜索此名稱），展現(xiàn)了官網(wǎng)幾乎所有的API，建議邊看官方文檔，邊用手機(jī)去玩「小程序示例」的相應(yīng)示例。
這個(gè)「小程序示例」在GitHub上有一個(gè)拷貝，最近一次更新時(shí)間是一年前，雖然不是最新版，但它揭示了「小程序示例」部分功能實(shí)現(xiàn)，同樣是非常好的工具和素材，把它導(dǎo)入到你的開發(fā)工具里面看一看吧！
3.擼起袖子干
有了前面的儲(chǔ)備，在第一步導(dǎo)入的「三木聊天室」的基礎(chǔ)上，去改造和發(fā)揮吧！把你前面所設(shè)計(jì)的草圖一頁(yè)一頁(yè)實(shí)現(xiàn)出來?？傊?，善用搜索引擎，遇到問題先仔細(xì)閱讀官網(wǎng)文檔（相比百度搜索到的博客，這更權(quán)威）。
4.更進(jìn)一步
對(duì)于第一步運(yùn)行的「三木聊天室」的后端代碼，其實(shí)是運(yùn)行在騰訊云提供的免費(fèi)測(cè)試或生產(chǎn)環(huán)境中的，如果你想將部署到自己的服務(wù)器以獲取更高的靈活性，這需要一定的Linux基礎(chǔ)知識(shí)，可參考這篇文章。
還有一點(diǎn)便是，如果對(duì)小程序的美感有要求，最好還是能請(qǐng)專業(yè)的設(shè)計(jì)師設(shè)計(jì)。
短短一篇分享很難真正帶你入門，純屬拋磚引玉。如果你真有決心要學(xué)，可以找一些付費(fèi)課程系統(tǒng)的進(jìn)行學(xué)習(xí)，我常用的App「極客時(shí)間」上面便有相應(yīng)付費(fèi)教程，有興趣可以了解一下。
