今天我們來說下(xia)如何進行(xing)微(wei)信(xin)小(xiao)程(cheng)(cheng)序開發，以及微(wei)信(xin)小(xiao)程(cheng)(cheng)序開發教程(cheng)(cheng)和文檔。

1、注冊微信小程序賬號

這個直接進入微信小程序官網自行注冊(ce)即(ji)可，在此不多贅述。

2、獲取APPID

APPID在(zai)哪里獲(huo)取呢，根據第(di)一步注冊的小程序帳(zhang)號，然后登陸上，找(zhao)到左側“設置”，“開發設置”，就看到APPID啦，把(ba)APPID復制下來，留(liu)作備用。

3、綁定開發者

如果在第(di)一(yi)步(bu)注冊小(xiao)程序帳號(hao)的時候，你(ni)不是管理員(yuan)，那么這(zhe)個時候，還(huan)需要綁定個開發者(zhe)，直接登錄小(xiao)程序后(hou)臺，點左側“用戶身份”-點右(you)側“編輯”添加成(cheng)員(yuan)，出(chu)現(xian)個二(er)(er)維碼，管理員(yuan)掃描二(er)(er)維碼后(hou)，然后(hou)輸入開發者(zhe)微信號(hao)，勾選權(quan)限(xian)，確定，就可以了(le)。

4、下載微信小程序開發者工具

直(zhi)接在微(wei)信小程(cheng)序官方下載即(ji)可，根據(ju)不同的電(dian)腦系統下載對應(ying)的版本，安裝即(ji)可，不多贅述！

5、創建微信小程序項目

打開步(bu)驟4中安裝(zhuang)好的小程序開發(fa)工具，然后用開發(fa)者（或(huo)者管理員）掃碼登錄(lu)，選擇創(chuang)建(jian)“新項(xiang)目(mu)”，填入步(bu)驟2獲取到(dao)的 AppID，設置一個本地項(xiang)目(mu)的名稱(cheng)，并選擇一個本地的文件夾作為代碼存儲(chu)的目(mu)錄(lu)，點(dian)擊(ji)「新建(jian)項(xiang)目(mu)」就可以了。

6、編寫微信小程序代碼

編寫代(dai)碼對新(xin)手來(lai)說有(you)點難度，不過(guo)我(wo)們可以從微(wei)信小(xiao)程序官方(fang)上直(zhi)接(jie)下(xia)載(zai)代(dai)碼實例，下(xia)載(zai)后(hou)，直(zhi)接(jie)解壓到步驟(zou)5代(dai)碼存儲(chu)目錄內即可。這時我(wo)們會發(fa)現，有(you)三個后(hou)綴的文(wen)(wen)件，分別為(wei)app.js、app.json、app.wxss。其中，.js 后(hou)綴的是腳本文(wen)(wen)件，.json 后(hou)綴的文(wen)(wen)件是配(pei)置文(wen)(wen)件，.wxss 后(hou)綴的是樣式表文(wen)(wen)件。

接(jie)下來喝(he)彩科技工程師趙德(de)志在這里詳(xiang)細給大(da)家說下，它們各自(zi)的(de)功能。

app.js 是(shi)小程(cheng)序(xu)的(de)腳(jiao)本(ben)代碼(ma)。我們可以(yi)在這(zhe)個(ge)文(wen)件中監(jian)聽并(bing)處理(li)小程(cheng)序(xu)的(de)生(sheng)命周期函數、聲明全局變量。調用 MINA 提供的(de)豐(feng)富(fu)的(de) API，如本(ben)例的(de)同(tong)步存儲及同(tong)步讀取本(ben)地數據。

app.json 是對整個(ge)小(xiao)(xiao)程序(xu)(xu)(xu)的(de)(de)全局配(pei)(pei)置。我們(men)可以(yi)在這個(ge)文件中配(pei)(pei)置小(xiao)(xiao)程序(xu)(xu)(xu)是由(you)哪些頁面組成，配(pei)(pei)置小(xiao)(xiao)程序(xu)(xu)(xu)的(de)(de)窗口 背景色，配(pei)(pei)置導航條樣式，配(pei)(pei)置默認標題。注意該文件不可添加任何注釋。

app.wxss 是整(zheng)個(ge)小(xiao)程序(xu)的(de)公共樣(yang)(yang)式表(biao)。我(wo)們可以在(zai)頁面(mian)組件的(de) class 屬(shu)性上直接使用(yong) app.wxss 中聲明的(de)樣(yang)(yang)式規則。

7、創建微信小程序頁面

微(wei)信小程(cheng)序中的(de)每一(yi)(yi)個頁(ye)(ye)面的(de)【路徑 + 頁(ye)(ye)面名(ming)】都需要寫在 app.json 的(de) pages 中，且 pages 中的(de)第一(yi)(yi)個頁(ye)(ye)面是小程(cheng)序的(de)首頁(ye)(ye)。

每一個小程序頁面是(shi)由同路徑下同名的(de)四個不同后(hou)綴(zhui)(zhui)(zhui)文(wen)件(jian)(jian)的(de)組(zu)成(cheng)，如：index.js、index.wxml、index.wxss、index.json。.js 后(hou)綴(zhui)(zhui)(zhui)的(de)文(wen)件(jian)(jian)是(shi)腳本文(wen)件(jian)(jian)，.json 后(hou)綴(zhui)(zhui)(zhui)的(de)文(wen)件(jian)(jian)是(shi)配置文(wen)件(jian)(jian)，.wxss 后(hou)綴(zhui)(zhui)(zhui)的(de)是(shi)樣式表文(wen)件(jian)(jian)，.wxml 后(hou)綴(zhui)(zhui)(zhui)的(de)文(wen)件(jian)(jian)是(shi)頁面結構文(wen)件(jian)(jian)。

8、手機預覽

開發者工(gong)具左側(ce)菜單(dan)欄(lan)選擇(ze)"項(xiang)目"，點擊"預覽"，掃碼后即可在微信客戶端(duan)中(zhong)體驗。

9、上傳小程序代碼

開發者工具(ju)左(zuo)側菜(cai)單(dan)欄選擇"項(xiang)目"，點擊"上(shang)傳"即可將代(dai)碼上(shang)傳到微信小程序服務器。

10、提交微信審核及小程序發布

步驟(zou)9上(shang)傳好小(xiao)(xiao)程(cheng)序代碼(ma)后，提交微信進(jin)行審(shen)(shen)核(he)(he)。審(shen)(shen)核(he)(he)現在也很快，一把幾個小(xiao)(xiao)時就審(shen)(shen)核(he)(he)過了，慢的話估計2-5天吧，等審(shen)(shen)核(he)(he)通過后，就可以(yi)在小(xiao)(xiao)程(cheng)序后臺(tai)，進(jin)行發布上(shang)線了。有哪些不(bu)明(ming)白的，大(da)家也可以(yi)給(gei)我留言(yan)，我們及時給(gei)大(da)家回(hui)復(fu)解(jie)答。