在入口網站中使用程式碼元件

注意

自 2022 年 10 月 12 日起，Power Apps 入口網站為 Power Pages。 其他資訊：Microsoft Power Pages 現在已推出 (部落格)
我們很快就會遷移並將 Power Apps 入口網站文件與 Power Pages 文件併合。

Power Apps Component Framework 可讓專業開發人員和應用程式製作者為模型導向應用程式和畫布應用程式建立程式碼元件。 這些程式碼元件可為使用表單、檢視和儀表板資料的使用者提供增強體驗。 詳細資訊：Power Apps Component Framework 概觀

注意

您也可在 Power Pages 中使用程式碼元件。 更多資訊：何謂 Power Pages

Power Apps 入口網站現在支援使用 Power Apps Component Framework 建立的模型導向應用程式的控制項。 若要在入口網站中使用程式碼元件，請按照以下步驟進行：

在遵循這些步驟之後，您的使用者便可以使用具有各自基本表單的入口網站頁面，與程式碼元件互動。

重要

• 入口網站目前僅支援模型導向應用程式中新增到欄位的程式碼元件。

先決條件

• 您必須具有系統管理員權限才能在環境中啟用 Power Apps 元件功能。
• 您的入口網站版本必須為 9.3.3.x 或更新版本。
• 您的入門入口網站套件必須為 9.2.2103.x 或更新版本。

建立或封裝程式碼元件

若要瞭解如何建立和封裝程式碼元件建立的 Power Apps Component Framework，請移至建立您的第一個元件。

支援的檔案類型和格式

入口網站支援用受限欄位類型和格式來使用程式碼元件。 下表列出所有支援的欄位資料類型和格式：

貨幣

DateAndTime.DateAndTime

DateAndTime.DateOnly

小數點

列舉

浮點數

多個

OptionSet

SingleLine.Email

SingleLine.Phone

SingleLine.Text

SingleLine.TextArea

SingleLine.Ticker

SingleLine.URL

TwoOptions

整數

詳細資訊：屬性清單和描述

入口網站中不支援的程式碼元件

• 不支援下列程式碼元件 API：

  • Device.captureAudio

  • Device.captureImage

  • Device.captureVideo

  • Device.getBarcodeValue

  • Device.getCurrentPosition

  • Device.pickFile

  • Utility

• uses-feature 元素不得設為 True。

• Power Apps Component Framework 不支援的值元素。

將程式碼元件新增至模型導向應用程式中的欄位

若要瞭解如何將程式碼元件新增到模型導向應用程式中的欄位，請移至將程式碼元件新增至欄位。

重要

使用 Web 的用戶端選項，即可讓網頁瀏覽器使用入口網站的程式碼元件。

為程式碼元件設定入口網站

將程式碼元件新增到模型導向應用程式中的欄位後，可以設定入口網站以在基本表單上使用程式碼元件。

若要將程式碼元件新增至基本表單：

1. 開啟入口網站管理應用程式。

2. 在左窗格中，選取基本表單。

3. 選取您要將程式碼元件新增至哪一個基本表單。

4. 選取相關。

5. 選取基本表單中繼資料。

6. 選取新增基本表單中繼資料。

7. 選取類型為屬性。

8. 選取屬性邏輯名稱。

9. 輸入標籤。

10. 對於控制項樣式，請選取程式碼元件。

11. 儲存後關閉表單。

使用入口網站 Web API 的程式碼元件

可以組建程式碼元件並將其新增到可以使用入口網站 Web API 執行建立、擷取、更新和刪除動作的網頁中。 在開發入口網站解決方案時，此功能允許更多的自訂選項。 有關詳細資訊，請移至執行範例入口網站 Web API 元件。

後續步驟

教學課程：在入口網站中使用程式碼元件

請參閱

Power Apps Component Framework 概觀
建立您的第一個元件
將程式碼元件新增到模型導向應用程式中的資料行或資料表

注意

是否能請您告知您偏好的慣用文件語言？ 請填寫問卷。 (請注意，本問卷為英文版)

完成問卷大約需要七分鐘。 本問卷將不會收集個人資料 (隱私權聲明)。