螞蟻支付寶小程序開發(fā)教程手冊(cè)文檔

支付寶小程序開發(fā)文檔簡(jiǎn)易教程

支付寶小程序是手機(jī)應(yīng)用嵌入支付寶客戶端的一種方法，有以下特點(diǎn)：

• 基于 Web 技術(shù)，學(xué)習(xí)成本低
• 一套代碼，同時(shí)支持 iOS 和 Android，接近原生體驗(yàn)
• 提供豐富的組件和 API(比如獲取用戶信息、本地存儲(chǔ)、支付功能等)

下面就是一個(gè)簡(jiǎn)單的示例，演示如何快速開發(fā)一個(gè)小程序。

獲取APPID

登錄開放平臺(tái)，進(jìn)入開發(fā)者中心頻道，點(diǎn)擊左側(cè)【小程序】菜單，可在【我的小程序】列表頁看到對(duì)應(yīng)的小程序APPID，該ID在上傳版本時(shí)需要填寫

下載/登錄 IDE

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

下載完成之后，打開它，打開手機(jī)上的支付寶應(yīng)用，掃碼確定即可登錄。

注意：如果登錄沒有反應(yīng)，可嘗試完全退出手機(jī)上的支付寶應(yīng)用再重新打開。

項(xiàng)目創(chuàng)建

登錄成功后你會(huì)看到以下界面。

點(diǎn)擊創(chuàng)建項(xiàng)目，選擇文件夾即可完成新項(xiàng)目的創(chuàng)建。

代碼編輯

打開項(xiàng)目，會(huì)默認(rèn)進(jìn)入代碼編輯模式。從左到右，依次是文件操作區(qū)、代碼編輯區(qū)和預(yù)覽區(qū)。

代碼編輯區(qū)可以對(duì)當(dāng)前項(xiàng)目進(jìn)行代碼編寫和文件的添加、刪除以及重命名等基本操作。

實(shí)時(shí)預(yù)覽

在代碼編輯區(qū)修改任何代碼都會(huì)重新編譯，然后自動(dòng)刷新應(yīng)用。

自動(dòng)補(bǔ)全

工具針對(duì) my 接口和 axml 提供了大量的自動(dòng)補(bǔ)全提示，以幫助開發(fā)者提高效率。

本地調(diào)試

預(yù)覽區(qū)

這里可真實(shí)模擬在支付寶應(yīng)用里的表現(xiàn)，并針對(duì)絕大部分的 api 提供了模擬功能。

調(diào)試模式

點(diǎn)擊上方的調(diào)試Tab，可切換到調(diào)試模式。

小程序調(diào)試工具提供了 axml 和 acss 的支持，支持組件層級(jí)、屬性回寫等功能；同時(shí)也包含了 Chrome 調(diào)試工具中的網(wǎng)絡(luò)請(qǐng)求、DOM 元素檢查、源碼 Debug 等。

出錯(cuò)反饋

當(dāng)開發(fā)者在 axml 或者配置文件里編譯出錯(cuò)時(shí)，保存后會(huì)對(duì)錯(cuò)誤的信息以 redbox 的形式呈現(xiàn)給開發(fā)者。

真機(jī)預(yù)覽

在"編碼"界面點(diǎn)擊真機(jī) Tab，選擇真機(jī)預(yù)覽, 需要確定如下信息:

• 填寫在開放平臺(tái)申請(qǐng)的APPID
• 選擇推送小程序的范圍:

• 推送給自己, 僅將預(yù)覽的小程序內(nèi)容推送給當(dāng)前登錄的用戶
• 推送給開發(fā)者, 將預(yù)覽的小程序內(nèi)容推送給該APPID應(yīng)用在開放平臺(tái)設(shè)置的所有開發(fā)者

發(fā)布

開發(fā)者選中"發(fā)布"功能后, 需要確定如下發(fā)布信息:

• 填寫在開放平臺(tái)后臺(tái)創(chuàng)建小程序時(shí)生成的APPID
• 根據(jù)開放平臺(tái)當(dāng)前版本, 填寫待發(fā)布的版本號(hào)