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

 

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

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

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

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

下面就是一個簡單的示例,演示如何快速開發(fā)一個小程序。

 

小程序應用

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

 

 

下載

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

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

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

 

項目創(chuàng)建

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

 

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

 

代碼編輯

打開項目,會默認進入代碼編輯模式。從左到右,依次是文件樹、代碼編輯器和模擬器。

 

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

 

實時預覽

在代碼編輯器修改任何代碼都會重新編譯,然后自動刷新應用。

 

自動補全

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

 

本地調(diào)試

模擬器

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

 

調(diào)試器

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

 

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

 

真機預覽

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

 

 

上傳與發(fā)布

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

 

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

 

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

24小時服務熱線:400-606-5558

微信/qq:2696584379

巨推傳媒:www.jutui360.com 

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