開(kai)發小(xiao)程(cheng)序的第一步，你(ni)需要擁(yong)有(you)一個(ge)小(xiao)程(cheng)序帳(zhang)號，通過這(zhe)個(ge)帳(zhang)號你(ni)就可以管理你(ni)的小(xiao)程(cheng)序。

跟隨(sui)這個教(jiao)程(cheng)，開(kai)始你的小程(cheng)序之旅吧！

申請帳號

點擊 //mp.weixin.qq.com/wxopen/waregister?action=step1 根據指引(yin)填(tian)寫信息和提交相應的(de)資料，就(jiu)可以擁(yong)有自己的(de)小(xiao)程序帳號(hao)。

在這個(ge)小(xiao)程(cheng)(cheng)序管理平臺，你(ni)(ni)可以管理你(ni)(ni)的(de)小(xiao)程(cheng)(cheng)序的(de)權限(xian)，查(cha)看數據報表(biao)，發布小(xiao)程(cheng)(cheng)序等操作(zuo)。

登錄 //mp.weixin.qq.com ，我們可以在菜單 “設置”-“開發設置” 看到小程序的 AppID 了 。

小程序的 AppID 相當于小程序平臺的一個身份證，后續你會(hui)在很多地(di)方要(yao)用到 AppID (注意這里要(yao)區(qu)別于服務號(hao)或訂(ding)閱(yue)號(hao)的 AppID)。

有了(le)小(xiao)程序帳(zhang)號(hao)之(zhi)后，我(wo)們需要一(yi)個(ge)工(gong)具來開發(fa)小(xiao)程序。

安裝開發工具

前往 開(kai)發(fa)者工(gong)具(ju)(ju)下(xia)載頁面 ，根據自己的操作系統下(xia)載對應的安裝包進行安裝，有關開(kai)發(fa)者工(gong)具(ju)(ju)更詳細的介(jie)紹可以查看(kan) 《開(kai)發(fa)者工(gong)具(ju)(ju)介(jie)紹》 。

打開(kai)小(xiao)程序開(kai)發(fa)者工具，用微信掃碼登錄開(kai)發(fa)者工具，準備開(kai)發(fa)你的第(di)一個小(xiao)程序吧！

你的第一個小程序

新建項(xiang)(xiang)(xiang)目選(xuan)擇小(xiao)程序項(xiang)(xiang)(xiang)目，選(xuan)擇代(dai)碼存放的(de)硬盤(pan)路徑，填入剛剛申請(qing)到的(de)小(xiao)程序的(de) AppID，給你(ni)的(de)項(xiang)(xiang)(xiang)目起(qi)一(yi)個(ge)好聽的(de)名字，最后，勾選(xuan) "創建 QuickStart 項(xiang)(xiang)(xiang)目" (注意: 你(ni)要選(xuan)擇一(yi)個(ge)空的(de)目錄才會有這個(ge)選(xuan)項(xiang)(xiang)(xiang))，點擊確定，你(ni)就得到了(le)你(ni)的(de)第一(yi)個(ge)小(xiao)程序了(le)，點擊頂部菜單編譯就可(ke)以在 IDE 預覽你(ni)的(de)第一(yi)個(ge)小(xiao)程序。

 接下(xia)來我們來預覽一下(xia)這(zhe)個(ge)小(xiao)程序(xu)的效果。

編譯預覽

點(dian)擊(ji)工具(ju)(ju)上的編(bian)譯(yi)按鈕，可以(yi)在(zai)工具(ju)(ju)的左(zuo)側模擬器界面看(kan)到這(zhe)個小程序的表現(xian)，也可以(yi)點(dian)擊(ji)預覽按鈕，通過(guo)微信的掃一掃在(zai)手機上體(ti)驗你的第一個小程序。

通過這個章節，你(ni)(ni)已經成功創建了你(ni)(ni)的第一(yi)個小程序，并且(qie)在微信(xin)客戶端上體驗(yan)到它流(liu)暢(chang)的表現。

下個章節，我們一起(qi)來看看這(zhe)個小程(cheng)序(xu)的代碼構成。