支付寶小程序API 工具欄

2020-09-16 15:51 更新

工具欄

小程序開發(fā)者工具(簡稱 IDE)的工具欄位于主界面頂部,包含 IDE 中最常用的主要功能。本文檔從左至右介紹各項功能。

工具欄.png

工具欄左側(cè)功能

1.png

小程序類型

選擇小程序的運行環(huán)境類型(默認為支付寶小程序),此外還支持淘寶、釘釘、高德等運行環(huán)境(詳情請參見 多端支持)。

選擇關聯(lián)小程序

每個開發(fā)者賬號可以擁有多個小程序的開發(fā)權(quán)限,因此需要關聯(lián)具體小程序,決定小程序代碼的上傳位置。

在此項下拉列表中,點擊 + 創(chuàng)建小程序,進入小程序管理頁面,可以 創(chuàng)建小程序 供后續(xù)關聯(lián)。

說明:

  • 在創(chuàng)建小程序命名時,注意遵循名稱規(guī)范。
  • 如需關聯(lián)其他賬號中的小程序,但開發(fā)者賬號還沒有開發(fā)權(quán)限請進行以下操作:
    1. 使用主賬號登錄 小程序控制臺,點擊所需小程序,跳轉(zhuǎn)至開發(fā)管理頁面。
    2. 在左側(cè)導航欄選擇 成員管理,點擊 添加,按照提示添加開發(fā)成員。
    3. 使用開發(fā)者賬號在支付寶客戶端 朋友 > 服務提醒 中接受邀請。
    4. 使用開發(fā)者賬號登錄 IDE,關聯(lián)小程序。

關聯(lián)云服務

在最初新建項目環(huán)節(jié),如果后端選用云應用,此項功能才會顯示。

如果未啟用云服務或者選用 Serverless,此項功能則會隱藏。

每個小程序可以創(chuàng)建多個云應用,而云應用又包含測試與正式環(huán)境。因此需要關聯(lián)具體的云應用環(huán)境,決定云應用代碼的上傳位置。

在關聯(lián)云應用環(huán)境之后,此項下拉列表右側(cè)會出現(xiàn) ?? 按鈕,用于上傳代碼與管理云應用。

在此項下拉列表中,點擊 + 創(chuàng)建新服務,進入云服務管理頁面,可以 創(chuàng)建云應用 供后續(xù)關聯(lián)。

工具欄中部功能

1.png

點擊 編輯器、調(diào)試器、模擬器,可以分別顯示與隱藏這三個區(qū)域。

說明:**功能面板/編輯器 會同時顯示/隱藏,而 編輯器/調(diào)試器** 無法同時隱藏。

工具欄右側(cè)功能

1.png

編譯模式

在普通編譯模式下,小程序初始的啟動頁面是 app.json 文件 pages 列表的首個頁面,且不帶任何參數(shù)。

如需快速調(diào)試其他頁面 或 設置參數(shù)請進行以下操作。

  1. 在此項下拉列表中點擊 + 添加編譯模式。

  1. 在彈窗中填寫 模式名稱、頁面參數(shù)、全局參數(shù),選擇 啟動頁面,點擊 確定。

  1. 隨后模擬器將會改用新的啟動頁面,同時自動傳入設置好的參數(shù)。

說明:彈窗中如果勾選 下次編譯時模擬更新,可以模擬小程序更新效果,參見 UpdateManager

清除緩存

清除 數(shù)據(jù)緩存、授權(quán)數(shù)據(jù)、文件緩存、構(gòu)建緩存、網(wǎng)絡緩存。

真機調(diào)試

通過 IDE 遠程至真機,設置斷點、查看運行信息。詳情參見 真機調(diào)試。

說明:如不希望頻繁掃碼,可以使用 自動預覽 選項

預覽

使用真機預覽小程序,初步查看 API 真機調(diào)用效果。

說明:如不希望頻繁掃碼,可以使用 自動預覽 選項。

上傳

上傳項目代碼至關聯(lián)小程序的后臺空間。上傳之前的選項:

  • 上傳版本:每次上傳時版本默認遞增 0.0.1(本次版本必須大于線上版本),從而確保后臺每份代碼版本唯一。
  • 創(chuàng)建預檢測任務:免費調(diào)用一臺真機進行測試(每天 5 次限額),詳情參見 預檢測

詳情

  • 查看關聯(lián)應用名稱、項目本地目錄、線上版本。

  • 選擇是否啟用自定義組件 component2 編譯、axml 嚴格語法檢查。

  • 查看 my.request、web-view 域名白名單信息。設置是否忽略這兩項域名檢查。

注意:

  • 小程序 體驗版提審之后版本 無法繼續(xù)忽略檢查,屆時請務必設置域名白名單。
  • 域名白名單設置入口有兩處:
    • 在詳情頁面,點擊 域名信息 右側(cè)藍色按鈕,進入設置頁面,點擊 開發(fā)設置
    • 登錄 我的小程序,選擇所需小程序;從左側(cè)邊欄進入 設置 > 開發(fā)設置。

登錄/用戶頭像

  • 在開發(fā)者未登錄時,顯示 登錄 按鈕。
  • 在開發(fā)者登錄后,顯示開發(fā)者頭像??梢圆榭聪⑼ㄖ?,或者退出登錄。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號