支付寶小程序開發——小程序開發者工具的使用

這裏主要介紹支付寶小程序開發系列教程之小程序開發者工具的下載安裝與使用。
互聯網行業從來都是模仿與被模仿，由於微信小程序推出在先，所以支付寶小程序開發者工具在很大程度上借鑑了微信開發者工具不少的地方。無論是界面還是代碼結構方面，都是比較類似的，所以開發過微信小程序的，轉向支付寶小程序的開發，能很快的上手的。

操作方法

（01）開發管理頁面，點擊去下載，下載小程序開發者工具

（02）選擇操作系統與版本

（03）下載安裝完成後，打開小程序開發者工具，進入主界面點擊“創建小程序”按鈕

（04）如圖，開發者工具給我們提供了不少的小程序模板，我們可以先選擇“todo App示例”(類似微信開發者工具中小程序demo),然後點擊下一步

（05）熟悉小程序demo，所以其他先默認就可以了，直接點“完成”按鈕

（06）創建完成，進入小程序開發界面——可以看到，工具界面甚至代碼結構都很類似。當然對於開發者來説，這挺好的，省去了好多學習成本了。

（07）頁面結構方面：除了命名略有不同之外，差別最大的也就是生命週期和部分組件了。

（08）關於調試器：支付寶小程序開發者工具的調試器默認關閉，入口在底部做左側，需點擊按鈕打開，如圖

（09）瞭解了這些，就可以很愉快的進入支付寶小程序開發了。如果學習能力比較強，去大致的瞭解下支付寶小程序開發文檔就可以了，可以直接進入開發。如果沒有做過微信小程序或學習能力較差的同學，建議還是認認真真的把小程序開發文檔看一遍。

（10）關於預覽：支付寶小程序開發者工具的預覽跟微信開發者工具還有些不同，可以按下面步驟操作。

支付寶小程序預覽

（01）點擊開發工具模擬器頂部的“預覽”之後，彈出彈窗選擇項目（默認即可）

（02）初次添加，模擬器中就會彈出支付寶授權登錄，授權登錄之後就獲取到了自己支付寶的賬號和頭像，如圖

（03）再次點擊預覽，點擊“確認推送”，就能展示預覽二維碼了

（04）使用手機支付寶掃描二維碼，就能在手機支付寶上預覽小程了

特別提示

如果學習能力比較強，去大致的瞭解下支付寶小程序開發文檔就可以了，可以直接進入開發。如果沒有做過微信小程序或學習能力較差的同學，建議還是認認真真的把小程序開發文檔看一遍。

支付寶小程序開發者工具模擬器需要訪問本地服務，如果出現編譯緩慢，出現連接服務器失敗的錯誤，很有可能是本機網絡環境問題，可以去檢查下網絡連接和防火牆