ucbug軟件站:安全、綠色、放心的專業(yè)下載站!首頁|最近更新|專題集合|標(biāo)簽云|站內(nèi)導(dǎo)航|加入收藏

《支付寶小程序開發(fā)工具》怎么使用

時間:2017-08-20 10:48:19來源:ucbug游戲網(wǎng)人氣:0

支付寶小程序開發(fā)工具隨著支付寶小程序已經(jīng)正式公測了,想必很多開發(fā)者用戶開不知道支付寶小程序開發(fā)工具怎么用,下面為大家?guī)碇Ц秾毿〕绦蜷_發(fā)工具使用教程!∵支付寶小程序開發(fā)...

支付寶小程序開發(fā)工具隨著支付寶小程序已經(jīng)正式公測了,想必很多開發(fā)者用戶開不知道支付寶小程序開發(fā)工具怎么用,下面為大家?guī)碇Ц秾毿〕绦蜷_發(fā)工具使用教程!

支付寶小程序開發(fā)工具使用教程

支付寶小程序是手機(jī)應(yīng)用嵌入支付寶客戶端的一種方法,有以下特點:
基于 Web 技術(shù),學(xué)習(xí)成本低
一套代碼,同時支持 iOS 和 Android,接近原生體驗
提供豐富的組件和 API(比如獲取用戶信息、本地存儲、支付功能等)
下面就是一個簡單的示例,演示如何快速開發(fā)一個小程序。
獲取APPID
登錄開放平臺,進(jìn)入開發(fā)者中心頻道,點擊左側(cè)【小程序】菜單,可在【我的小程序】列表頁看到對應(yīng)的小程序APPID,該ID在上傳版本時需要填寫

《支付寶小程序開發(fā)工具》怎么使用

下載/登錄 IDE
首先,請下載小程序開發(fā) IDE 工具。它是一個輔助開發(fā)支付寶小程序的本地應(yīng)用工具,包含本地調(diào)試、代碼編輯、真機(jī)預(yù)覽、發(fā)布等功能,覆蓋了應(yīng)用開發(fā)的完整流程。

下載完成之后,打開它,打開手機(jī)上的支付寶應(yīng)用,掃碼確定即可登錄。
 注意:如果登錄沒有反應(yīng),可嘗試完全退出手機(jī)上的支付寶應(yīng)用再重新打開。
項目創(chuàng)建
登錄成功后你會看到以下界面。

《支付寶小程序開發(fā)工具》怎么使用

點擊創(chuàng)建項目,選擇文件夾即可完成新項目的創(chuàng)建。
代碼編輯
打開項目,會默認(rèn)進(jìn)入代碼編輯模式。從左到右,依次是文件操作區(qū)、代碼編輯區(qū)和預(yù)覽區(qū)。

《支付寶小程序開發(fā)工具》怎么使用

代碼編輯區(qū)可以對當(dāng)前項目進(jìn)行代碼編寫和文件的添加、刪除以及重命名等基本操作。
實時預(yù)覽
在代碼編輯區(qū)修改任何代碼都會重新編譯,然后自動刷新應(yīng)用。
自動補(bǔ)全
工具針對 my 接口和 axml 提供了大量的自動補(bǔ)全提示,以幫助開發(fā)者提高效率。
本地調(diào)試
預(yù)覽區(qū)
這里可真實模擬在支付寶應(yīng)用里的表現(xiàn),并針對絕大部分的 api 提供了模擬功能。
調(diào)試模式
點擊上方的調(diào)試Tab,可切換到調(diào)試模式。

《支付寶小程序開發(fā)工具》怎么使用

小程序調(diào)試工具提供了 axml 和 acss 的支持,支持組件層級、屬性回寫等功能;同時也包含了 Chrome 調(diào)試工具中的網(wǎng)絡(luò)請求、DOM 元素檢查、源碼 Debug 等。
預(yù)覽日志
點擊預(yù)覽日志按鈕,可查看代碼編譯的詳細(xì)底層日志,能協(xié)助排查和定位問題。

《支付寶小程序開發(fā)工具》怎么使用

出錯反饋
當(dāng)開發(fā)者在 axml 或者配置文件里編譯出錯時,保存后會對錯誤的信息以 redbox 的形式呈現(xiàn)給開發(fā)者。

《支付寶小程序開發(fā)工具》怎么使用

真機(jī)預(yù)覽
在"編碼"界面點擊真機(jī) Tab,選擇真機(jī)預(yù)覽, 需要確定如下信息:
填寫在開放平臺申請的APPID
選擇推送小程序的范圍:
推送給自己, 僅將預(yù)覽的小程序內(nèi)容推送給當(dāng)前登錄的用戶
推送給開發(fā)者, 將預(yù)覽的小程序內(nèi)容推送給該APPID應(yīng)用在開放平臺設(shè)置的所有開發(fā)者

《支付寶小程序開發(fā)工具》怎么使用

發(fā)布
開發(fā)者選中"發(fā)布"功能后, 需要確定如下發(fā)布信息:
填寫在開放平臺后臺創(chuàng)建小程序時生成的APPID
根據(jù)開放平臺當(dāng)前版本, 填寫待發(fā)布的版本號

《支付寶小程序開發(fā)工具》怎么使用