支付寶在2017年1月12日對外宣稱早已開始研發類似小程序的應用。今年4月,國家市場監督管理總局在支付寶上推出“電子營業執照”小程序。
螞蟻金服副總裁阿璽宣布,未來3年螞蟻金服將投入10億支付寶科技創新基金,專門用于激勵、孵化支付寶小程序創業者。在迎來新的創業平臺上,加上政策與基金的加持,更加刺激創業者加入支付寶小程序。
對于創業者而言,無疑是進軍支付寶小程序的最佳時機。但對于一些創業者,如何制作一款支付寶小程序?下面A5創業網小編給大家整理了支付寶小程序開發文檔簡易教程。
下面就是一個簡單的示例,演示如何快速開發一個小程序。
小程序應用
登錄開放平臺,進入開發者中心頻道,點擊右側小程序菜單,可在我的小程序列表頁看到對應的小程序應用。在IDE上傳版本時需要在關聯應用選中該應用:
下載
首先,請下載小程序開發者工具(IDE)。它是一個輔助開發支付寶小程序的本地應用工具,包含本地調試、代碼編輯、真機預覽、發布等功能,覆蓋了應用開發的完整流程。
下載完成之后,打開它,即可使用。部分功能如真機預覽和版本上傳等需要登錄才能使用,在這種情況下開發者可打開手機上的支付寶應用,掃碼確定即可登錄。
注意:如果登錄沒有反應,可嘗試完全退出手機上的支付寶應用再重新打開。
項目創建
打開IDE,點擊新建項目,在支付寶下選擇"小程序",創建項目:
小程序支持多端(支付寶、釘釘、mPaaS)研發和發布,點此查看詳情。
代碼編輯
打開項目,會默認進入代碼編輯模式。從左到右,依次是文件樹、代碼編輯器和模擬器。
代碼編輯器可以對當前項目進行代碼編寫和文件的添加、刪除以及重命名等基本操作。
實時預覽
在代碼編輯器修改任何代碼都會重新編譯,然后自動刷新應用。
自動補全
工具針對 my 接口和 axml 提供了大量的自動補全提示,以幫助開發者提高效率。
本地調試
模擬器
這里可真實模擬在支付寶應用里的表現,并針對絕大部分的 api 提供了模擬功能。
調試器
點擊左下角調試器圖標,可喚起調試器窗口。
小程序調試器提供了 axml 和 acss 的支持,支持組件層級、屬性回寫等功能;同時也包含了 Chrome 調試工具中的網絡請求、DOM 元素檢查、源碼 Debug 等。
真機預覽
真機預覽功能可以讓開發者在手機上預覽當前代碼在真機上運行的效果。
真機預覽功能需要掃碼登錄并且選擇關聯應用才能使用。
上傳與發布
開發者掃碼登錄并選擇關聯應用后可上傳版本到開放平臺:
上傳完畢后,需要登錄到開放平臺提交審核,審核完畢后,小程序即可進行灰度和發布操作。詳細步驟請點擊這里進行查看。