支付寶小程序官方開發文檔:https://opendocs.alipay.com/mini/developer。
小程序生命周期如下(借鑒的官方圖):
一、注冊入駐:
1、大多數都有支付寶賬號,所以注冊就不多說了。這個主要講入駐。打開支付寶開放平台
2、選擇身份
因為個人做開發測試研究用,所以是以自研開發者入駐。
3、完善信息
4、簽署協議
二、創建小程序
1、小程序列表:
2、創建小程序
3、創建完成。會彈出下面框,提示你下一步怎么做
三、安裝開發工具
1、下載。有windows和macos兩個版本 下載
2、選擇需要的版本,之后傻瓜式安裝即可,沒什么特別要求。這里不多介紹。
3、安裝結束。支付寶小程序開發工具圖標如下:
四、創建小程序項目
1、打開支付寶小程序開發工具,選擇支付寶小程序。有三種模式:
1)打開項目:打開已經存在的項目;
2)最近使用:最近使用已存在的項目;
3)模板選取:創建新項目,並且選擇模板。
2、這個剛入門,不懂,所以先選擇一個模板,研究研究模板里面的代碼。這個選擇比較簡單的ui模板todo,之后點擊下一步。
3、選擇存放路徑,我這里存放在桌面,之后點擊完成。
4、打開todo小程序
1)如果第一次打開,進入主界面之后,IDE 會通過彈窗提示 掃碼登錄 以及 關聯小程序,按照提示操作即可。由於每個賬號可以擁有多個小程序的開發權限,因此需要關聯后台具體的小程序,才能決定本地代碼的上傳位置。
2)編輯器:代碼展示區域;調試器:和谷歌的F12 debug調試器一樣;模式器:模式調試模式,右下面展示的就是頁面的內容;
3)真機調試:編譯推送到自己支付寶所在的真機上,展示頁面,真實調試;
4)上傳:上傳到關聯的小程序上,之后提審,或者設置體驗,可供多人在真機上真實體驗。
5、上傳后提示框。(兩種方式進行提審和管理小程序)
6、上傳后,在支付寶小程序web端管理平台。
比較人性化,可以先設為體驗版,先體驗。沒問題的話,提交審核---等待審核---發布上架等。(還沒完全搞明白,這里我先到體驗版本,根據自己需要,往后摸索)
7、體驗版,手機打開展示