學前準備。
微信小程序是2017年1月9日微信推出的一種免安裝、用完即走的輕App。它基于微信環境運行,不需要用戶安裝。開發者可以基于微信開放的小程序技術規范,開發自己的小程序,并申請在微信上線,讓自己的產品與微信8億用戶相連接。使用小程序技術開發的輕App,具有入門學習簡單、開發簡便快捷、上線審核門檻低等優勢。
工欲善其事,必先利其器。在開始學習小程序開發之前,需要先注冊一個小程序賬號,并在本機安裝微信開發者工具。
微信開發者工具下載網址。
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
1.1
注冊賬號
首先,在電腦上打開https://mp.weixin.qq.com/,在頁面右上角單擊“立即注冊”,
選擇要注冊的賬號類型,即小程序。然后按要求填寫賬號信息,服務號,小程序、訂閱號。
在“主體類型”的選項中選擇“個人”或者企業,并填寫相關信息。
在注冊過程中,會用到一個微信賬號來掃碼驗證身份。這個微信賬號即為管理員賬號,在以后的開發過程中會用到。
進入郵箱,打開收自“weixinteam”的郵件,單 擊激活鏈接。
注意每個微信僅能綁定為5個小程序賬號的管理員,這與公眾號的綁定限制是相同的。已經綁定了公眾號賬號的微信,不影響再與小程序賬號進行綁定。
對于公眾號和微信賬號,每個身份證都有5個名額的注冊上限,但小程序賬號目前沒有這個限制。
單擊“前往小程序”按鈕,自動登錄小程序微信管理后臺。然后從左側菜單中,選擇“設置” 。完成相關設置。
1.2 配置開發工具
微信開發者工具是微信官方推出的小程序開發
工具,集代碼編寫、調試、效果預覽等功能于一
體。
1.2.1 下載
打開下載網址

:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
會看到三個版本的下載鏈接,分別是:
Windows 64、Windows 32、Mac
選擇與自己的電腦系統適配的版本。如果是
Windows7+系統,則選擇Windows 64。如果是XP系
統,則選擇Windows 32。如果是Mac OS系統,則
選擇Mac。如果使用的是Windows 7#32位系統,則
選擇Windows 32版本。
2017年8月22日,微信在發布WXS的同時推出
了全新界面的微信開發者工具的Beta版本,將“微信
Web開發者工具”更名為“微信開發者工具”
。Beta版
本用于優先發布新特征、新組件、新功能,但不建
議在正式項目中使用。Beta版本可與正式版本同時
安裝在一臺機器之上,感興趣的讀者可打開下面的
網址進行下載:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/beta.html
1.2.2 安裝
此處小程序的安裝,將以Mac OS系統為例進
行講解。獲得dmg安裝包之后,雙擊打開,
然后將“微信開發者工具”直接拖
至“Applications”即可。如果已經安裝了舊版本,則
選擇覆蓋。
1.2.3 設置編輯器屬性
安裝完成后,就可以設置編輯器的屬性了。以
Mac為例,依次打開“菜單”
→
“設置”
→
“編輯設
置”
要同時選中“修改文件時自動保
存”和“編譯時自動保存所有文件”
。單擊“保存”按鈕
退出,這樣設置可以減少開發過程中手動保存代碼
的麻煩,此處的設置對所有項目都生效。
1.3 從quick start項目開始現在,可以啟動微信開發者工具了,選擇“程序項目”,啟動后的界面。
如果未曾登錄,使用管理員微信賬號,掃碼就可以登錄“微信開發者工具”了。管理員微信賬號是在1.1節注冊小程序賬號時所用的微信賬號。
1.3.1 創建項目若要創建新的項目,可通過如下步驟來實現。首先在所示的界面,選擇“本地小程序項目”。
然后單擊下方的“+”按鈕增加新的項目。
之后會進入圖1-13所示的界面,在其中的AppID中填寫小程序ID,即在1.1節從小程序微信后臺復制的字符串。至于項目名稱,可隨意填寫,例如“小白從0到1學開發”。
因為只有選擇了空目錄,才能出現“在當前目錄中創建quick start項目”這個選項,默認是勾選的,默許這個設置。單擊“添加項目”,即可完成quick start項目的初建。1.3.2 運行項目首次運行quick start項目時,程序會提示授權,如圖1-15所示。
允許這個請求。在手機上運行的時候,用戶看到的也是類似的提示。這個地方很容易錯點“拒絕”按鈕,因為在一般情況下,主操作按鈕總是居右的。