微信小程序開發教程詳解

　　   微信小程序大家都不陌生了，2017年1月9日，張小龍在2017微信公開課Pro上發布的小程序正式上線。經過一年半的發展，微信小程序可謂異常火爆，同時微信小程序團隊也在暗暗發力，不斷地迭代升級新功能。那么今天我們來說下如何進行微信小程序開發，以及微信小程序開發教程和文檔。　　   

　　   1、注冊微信小程序賬號

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

　　   2、獲取APPID

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

　　   3、綁定開發者

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

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

　　   直接在微信小程序官方下載即可，根據不同的電腦系統下載對應的版本，安裝即可，不多贅述！

　　   5、創建微信小程序項目

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

　　   6、編寫微信小程序代碼

　　   編寫代碼對新手來說有點難度，不過我們可以從微信小程序官方上直接下載代碼實例，下載后，直接解壓到步驟5代碼存儲目錄內即可。這時我們會發現，有三個后綴的文件，分別為app.js、app.json、app.wxss。其中，.js 后綴的是腳本文件，.json 后綴的文件是配置文件，.wxss 后綴的是樣式表文件。

　　   app.js是小程序的腳本代碼。我們可以在這個文件中監聽并處理小程序的生命周期函數、聲明全局變量。調用 MINA 提供的豐富的 API，如本例的同步存儲及同步讀取本地數據。

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

　　   app.wxss是整個小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規則。

　　   7、創建微信小程序頁面

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

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

　　   8、手機預覽

　　   開發者工具左側菜單欄選擇"項目"，點擊"預覽"，掃碼后即可在微信客戶端中體驗。

　　   9、上傳小程序代碼

　　   開發者工具左側菜單欄選擇"項目"，點擊"上傳"即可將代碼上傳到微信小程序服務器。

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

　　   步驟9上傳好小程序代碼后，提交微信進行審核。審核現在也很快，一把幾個小時就審核過了，慢的話估計2-5天吧，等審核通過后，就可以在小程序后臺，進行發布上線了。

　　   以上就是給大家帶來了詳細的小程序開發教程，看完后，相信各位朋友對于小程序開發知識也是有了更深的認識和了解，希望這些內容對你們有所幫助。