全部產品
Search
文件中心

Mobile Platform as a Service:擴充功能

更新時間:Jul 13, 2024

擴充工具箱

mPaaS 小程式的擴充配置,均在 IDE 擴充工具箱中實現。點擊介面左側的工具箱表徵圖(toolbox)即可開啟 IDE 擴充工具。

設定

白名單設定

點擊工具箱中的 設定 > 白名單設定,輸入白名單並確認即可。此白名單對應的是登入 App 用戶端的 userId。只有將正確的 userId 加入白名單,對應的使用者才可以擷取 預覽調試 的小程式包。

小程式設定

點擊工具箱中的 設定 > 小程式設定 可開啟小程式的設定頁面,系統會根據您的小程式代碼中的一些配置,提示配置項中易錯的選項。

settings

功能

匯出

點擊工具箱中的 功能 > 匯出,選中小程式版本後點擊 匯出 即可。

此功能是拉取最新版的小程式正式包,並下載至本地。

清除緩衝

點擊工具箱中的 功能 > 清除緩衝 即可清除 mPaaS 小程式產生的快取檔案。

多端開發

在 mPaaS 小程式 IDE 中開發的小程式,不僅可以投放到使用 mPaaS 架構開發的 App 中,還可以通過mPaaS 小程式 IDE 喚起微信小程式 IDE 進行聯調,或快速構建為 H5 應用、實現真機預覽。

微信小程式

  1. 開啟小程式 IDE,在 模板選取 中通過 多端開發模板(uni-app)多端開發模板(remax) 建立可多端開發的小程式工程;如果您已建立了可多端開發的小程式工程,也可以直接開啟。 template

  2. 如果是建立的多端開發小程式,會提示安裝依賴,點擊 安裝所有依賴 即可。

    您也可以點擊介面左側的依賴管理按鈕(),通過外掛程式中的依賴管理安裝。安裝完依賴後,就可以在 IDE 的模擬器中預覽到小程式了。

    說明

    若安裝完成提示錯誤,可以切換至終端,通過 yarn 手動安裝依賴,如下圖所示。

  3. 下載安裝微信的小程式 IDE。並登入、開啟服務連接埠。

  4. 點擊 IDE 介面左側的 mPaaS 工具箱(toolbox),並在右側選擇 多端開發 標籤。

  5. 選擇 微信小程式。在下方的配置項中,需要輸入以下內容:

    • 配置開發人員工具:即在本機安裝的微信開發人員工具路徑。

    • 專案名稱:在微信開發人員工具中顯示的小程式專案名稱。

    • appid:欲關聯的、在微信開發人員工具中所建立的專案的 ID。

  6. 點擊 開始調試,此時將喚起微信小程式開發人員工具,並在開發人員工具中展示當前小程式的即時預覽效果。

  7. 真機預覽。點擊微信小程式開發人員工具介面右上方的 預覽,並使用手機微信掃描產生的二維碼,即可在真機中微信預覽該小程式。

HTML5

  1. 開啟小程式 IDE,並選擇一個想要進行多端開發的工程。

  2. 點擊 IDE 介面左側的 mPaaS 工具箱(toolbox),並在右側選擇 多端開發 標籤。

  3. 選擇 HTML5 展開,在下方無需進行額外配置。

  4. 點擊 開始調試,IDE 會彈出 HTML 調試 視窗並開始構建,同時會產生一個二維碼用於真機掃描。 H5 preview

  5. 預覽。您可選擇使用手機進行真機預覽,或使用電腦瀏覽器進行預覽。

    • 真機預覽:在手機端開啟支援 H5 的 App 並掃描產生的二維碼,即可在手機 App 中預覽該小程式。這時您也可以選擇 在瀏覽器中開啟,並通過手機瀏覽器預覽該小程式。

      說明

      使用手機進行 HTML5 預覽時,需保證預覽所用的手機與電腦處於同一網段中。

    • 電腦瀏覽器預覽:您可以複製 Local 處的 URL(如下圖所示),並粘貼至電腦原生瀏覽器中來預覽該小程式。

      local