支付寶小程式簡易教程分享給你!
今天支付寶小程式公測啦!作為小程式的愛好者,分享一下支付寶小程式的簡易教程:
前言:
支付寶小程式是手機應用嵌入支付寶錢包的一種方法,有以下特點:
- 基於 Web 技術,學習成本低
- 一套程式碼,同時支援 iOS 和 Android,接近原生體驗
- 提供豐富的元件和 API(比如獲取使用者資訊、本地儲存、支付功能等)
支付寶小程式獲取APPID
登入支付寶小程式開放平臺,進入開發者中心頻道,點選左側【小程式】選單,可在【我的小程式】列表頁看到對應的小程式APPID,該ID在上傳版本時需要填寫
支付寶小程式下載/登入 IDE
首先,請下載小程式開發 IDE 工具
下載完成之後,開啟它,開啟手機上的支付寶應用,掃碼確定即可登入。
注意:如果登入沒有反應,可嘗試完全退出手機上的支付寶應用再重新開啟。
支付寶小程式專案建立
登入成功後你會看到以下介面。
點選建立專案,選擇資料夾即可完成支付寶小程式新專案的建立。
支付寶小程式程式碼編輯
開啟專案,會預設進入程式碼編輯模式。從左到右,依次是檔案操作區、程式碼編輯區和預覽區。
程式碼編輯區可以對當前支付寶小程式專案進行程式碼編寫和檔案的新增、刪除以及重新命名等基本操作。
實時預覽
在程式碼編輯區修改任何程式碼都會重新編譯,然後自動重新整理應用。
自動補全
工具針對 my 介面和 axml 提供了大量的自動補全提示,以幫助開發者提高效率。
支付寶小程式本地除錯
預覽區
這裡可真實模擬在支付寶應用裡的表現,並針對絕大部分的 api 提供了模擬功能。
除錯模式
點選上方的**除錯**Tab,可切換到除錯模式。
支付寶小程式除錯工具提供了 axml 和 acss 的支援,支援元件層級、屬性回寫等功能;同時也包含了 Chrome 除錯工具中的網路請求、DOM 元素檢查、原始碼 Debug 等。
預覽日誌
點選預覽日誌
出錯反饋
當開發者在 axml 或者配置檔案裡編譯出錯時,儲存後會對錯誤的資訊以 redbox 的形式呈現給開發者。
支付寶小程式真機預覽
在”編碼”介面點選真機 Tab,選擇真機預覽, 需要確定如下資訊:
- 填寫在開放平臺申請的APPID
- 選擇推送支付寶小程式的範圍:
- 推送給自己, 僅將預覽的支付寶小程式內容推送給當前登入的使用者
- 推送給開發者, 將預覽的支付寶小程式內容推送給該APPID應用在開放平臺設定的所有開發者
支付寶小程式釋出
開發者選中”釋出”功能後, 需要確定如下發布資訊:
- 填寫在開放平臺後臺建立支付寶小程式時生成的APPID
- 根據開放平臺當前版本, 填寫待發布的版本號