支付寶小程序上線(xiàn)以來(lái),引起業(yè)內廣泛關(guān)注,那么支付寶小程序開(kāi)發(fā)如何實(shí)現呢?巨推傳媒匯總了支付寶小程序的簡(jiǎn)易教程,現分享給大家。

 

支付寶小程序是手機應用嵌入支付寶客戶(hù)端的一種方法,有以下特點(diǎn):

o    基于 Web 技術(shù),學(xué)習成本低

o    一套代碼,同時(shí)支持 iOS 和 Android,接近原生體驗

o    提供豐富的組件和 API(比如獲取用戶(hù)信息、本地存儲、支付功能等)

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

 

小程序應用

登錄開(kāi)放平臺,進(jìn)入開(kāi)發(fā)者中心頻道,點(diǎn)擊右側小程序菜單,可在我的小程序列表頁(yè)看到對應的小程序應用。在IDE上傳版本時(shí)需要在關(guān)聯(lián)應用選中該應用:

 

 

下載

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

下載完成之后,打開(kāi)它,即可使用。部分功能如真機預覽和版本上傳等需要登錄才能使用,在這種情況下開(kāi)發(fā)者可打開(kāi)手機上的支付寶應用,掃碼確定即可登錄。

注意:如果登錄沒(méi)有反應,可嘗試完全退出手機上的支付寶應用再重新打開(kāi)。

 

項目創(chuàng )建

打開(kāi)IDE,點(diǎn)擊新建項目,在支付寶下選擇"小程序",創(chuàng )建項目:

 

小程序支持多端(支付寶、釘釘)研發(fā)和發(fā)布,點(diǎn)此查看詳情。

 

代碼編輯

打開(kāi)項目,會(huì )默認進(jìn)入代碼編輯模式。從左到右,依次是文件樹(shù)、代碼編輯器和模擬器。

 

代碼編輯器可以對當前項目進(jìn)行代碼編寫(xiě)和文件的添加、刪除以及重命名等基本操作。

 

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

在代碼編輯器修改任何代碼都會(huì )重新編譯,然后自動(dòng)刷新應用。

 

自動(dòng)補全

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

 

本地調試

模擬器

這里可真實(shí)模擬在支付寶應用里的表現,并針對絕大部分的 api 提供了模擬功能。

 

調試器

點(diǎn)擊左下角調試器圖標,可喚起調試器窗口。

 

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

 

真機預覽

真機預覽功能可以讓開(kāi)發(fā)者在手機上預覽當前代碼在真機上運行的效果。
真機預覽功能需要掃碼登錄并且選擇關(guān)聯(lián)應用才能使用。

 

 

上傳與發(fā)布

開(kāi)發(fā)者掃碼登錄并選擇關(guān)聯(lián)應用后可上傳版本到開(kāi)放平臺:

 

上傳完畢后,需要登錄到開(kāi)放平臺提交審核,審核完畢后,小程序即可進(jìn)行灰度和發(fā)布操作。

 

關(guān)于支付寶小程序,巨推傳媒做的很專(zhuān)業(yè)。

24小時(shí)服務(wù)熱線(xiàn):400-606-5558

微信/qq:2696584379

巨推傳媒:www.sixiiii-i.com 

如果你對支付寶小程序比較感興趣,歡迎立即咨詢(xún)巨推,專(zhuān)業(yè)的服務(wù)品質(zhì)一定讓您感到滿(mǎn)意。