

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 在 UI 建置器中使用 Connect 助理
<a name="connect-assistant-ui-builder"></a>

Connect 助理整合在 UI 建置器中，可讓您使用自然語言建立和修改檢視資源。與其手動拖曳元件、設定屬性和導覽複雜的面板設定，您可以在對話提示中描述您需要的內容，Connect 助理會在畫布上產生對應的 UI 元件。

例如，您可以輸入「使用評分、評論和聯絡偏好設定欄位建立客戶意見回饋表單」，Connect 助理會建置檢視，供您在發佈之前檢查和精簡。

Connect 助理支援下列功能：
+ **從描述建立檢視** — 以自然語言描述完整的檢視，Connect 助理會產生所有必要的元件。
+ **修改現有檢視** — 透過對話請求對檢視進行變更，例如「新增訂單狀態下拉式清單」或「建立必要的註解欄位」。
+ **設定元件屬性** — 設定屬性、驗證、動態欄位和樣式，而不導覽自訂面板。
+ **套用條件式邏輯** — 描述自然語言的條件，例如「如果下拉式清單中選取其他文字欄位，則僅顯示其他文字欄位。」
+ **取得建議** — 向 Connect 助理詢問有關可用元件、最佳實務以及如何改善檢視的建議。

## 先決條件
<a name="connect-assistant-ui-builder-prerequisites"></a>

在 UI 建置器中使用 Connect 助理之前，請確認下列事項：
+ 您正在使用 Connect Customer，並且可以存取 Connect Customer 管理員工作區。
+ 您的安全性設定檔包含**頻道和流程 - 檢視**許可。
+ 您的安全性設定檔包含 **AI 代理程式設計工具 – AI 代理程式**許可。
+ 您的 Connect Customer 執行個體已在執行個體層級啟用 Connect 助理功能。

## 存取 Connect 助理
<a name="connect-assistant-ui-builder-access"></a>

1. 登入位於 https：//{{instance name}}.my.connect.aws/ 的 Connect Customer 管理員工作區。在其安全性設定檔中使用管理員帳戶或具有**頻道和流程的帳戶 - 檢視**和 **AI 代理程式設計工具 - AI 代理程式**許可。

1. 在導覽窗格中，選擇 **UI 管理**導覽選單中的**檢視**。

1. 在 UI 建置器中建立新的檢視或開啟現有的檢視。

1. 如果開啟現有的檢視，請在工具列中找到**連線助理**按鈕。選擇它以展開聊天面板。聊天面板會在 UI 建置器畫布的側邊開啟。您可以隨時摺疊或展開面板。

1. 在聊天輸入欄位中輸入您的請求，然後按 Enter 將您的訊息傳送到 Connect 助理。

## 使用 Connect 助理建立檢視
<a name="connect-assistant-ui-builder-create-view"></a>

下列程序說明如何從自然語言描述建立新的檢視。

1. 使用空白畫布 （或您要新增元件的現有檢視） 開啟 UI 建置器。

1. 在聊天面板中，描述您要建立的檢視。例如：「建立具有客戶名稱、訂單編號、傳回原因下拉式清單和備註區段的訂單傳回表單。」

1. Connect 助理會處理您的請求並準備檢視元件。當檢視準備就緒時，Connect 助理會回應其所建立元件的描述，並將產生的元件套用至 UI 建置器畫布。

1. 檢閱畫布上的元件。您可以繼續對話以精簡檢視，或使用標準 UI 建置器工具手動調整元件。

### 指定配置偏好設定
<a name="connect-assistant-ui-builder-layout"></a>

您可以在請求中包含配置需求。例如：
+ 「建立兩欄表單，其中包含左側的客戶資訊，以及右側的訂單詳細資訊。」
+ 「在頂端新增屬性列，其中包含客戶名稱和帳戶號碼，然後在其下方新增表單。」

### 請求特定元件類型
<a name="connect-assistant-ui-builder-components"></a>

依名稱或函數要求特定 UI 元件。例如：
+ 「為預約日期新增日期選擇器。」
+ 「包含電子報訂閱的切換。」
+ 「在表單底部新增提交按鈕。」

Connect 助理使用 Connect Customer UI 元件程式庫中的元件。如果請求的元件無法使用，Connect 助理會說明限制並建議替代方案。

## 修改現有的檢視
<a name="connect-assistant-ui-builder-modify"></a>

您可以透過自然語言請求變更畫布上已存在的檢視。

1. 在 UI 建置器中開啟檢視並展開聊天面板時，描述您想要的變更。例如：「需要註解欄位」或「使用白色文字將提交按鈕顏色變更為綠色」。

1. Connect 助理會處理請求，並直接在畫布上呈現更新的元件。

1. 如果 Connect 助理需要釐清您參考的元件或要變更的屬性，它會在進行修改之前詢問後續問題。

### 復原變更並還原
<a name="connect-assistant-ui-builder-undo"></a>

若要復原 Connect 助理最近所做的變更，請輸入請求，例如：
+ 「復原上次變更。」
+ 「移除您剛新增的下拉式清單。」

若要還原至 Connect 助理產生的先前檢視，請在工作階段中尋找確認訊息，然後按一下還原按鈕。所有變更都會被覆寫回該時間點。

## 設定動態欄位
<a name="connect-assistant-ui-builder-dynamic-fields"></a>

您可以使用 Connect 助理來設定在執行時間填入聯絡人屬性或其他來源資料的欄位。

1. 在聊天面板中，描述動態行為。例如：「新增唯讀欄位，顯示聯絡人屬性中的客戶名稱。」

1. Connect 助理透過將元件的 屬性設定為動態、新增範例參考 （例如 $.CustomerName\_Sample)，以及為相關輸入建立範例資料，來設定元件。

1. 檢閱**自訂**面板中的組態，以確認您流程的動態欄位參考是否正確。

1. 若要將資料傳遞至檢視並使用輸出資料，請在流程中分別設定 ShowView 區塊。

## 使用 Connect 助理建立條件式 UIs
<a name="connect-assistant-ui-builder-conditional"></a>

您可以自然語言描述條件邏輯，而不是在 UI 條件索引標籤中手動設定條件。

1. 在聊天面板中，描述條件。例如：「如果在原因下拉式清單中選取其他，則只會顯示其他文字欄位。」

1. Connect 助理會在目標元件上建立適當的 UI 條件，包括觸發元件、評估條件，以及產生的可見性或屬性變更。

1. 套用條件的元件在畫布上以虛線概述，與手動建立的條件一致。

如需 UI 條件的詳細資訊，請參閱 [使用檢視建置條件式 UIs](ui-conditions-on-views.md)。

## 取得建議和說明
<a name="connect-assistant-ui-builder-recommendations"></a>

Connect 助理可以在您建立檢視時提供指引：
+ 詢問可用的元件：「有哪些類型的輸入欄位可用？」
+ 請求建議：「您會建議哪些額外的欄位用於客戶投訴表單？」
+ 取得組態說明：「如何使此欄位動態填入？」
+ 驗證您的檢視：「檢查此表單是否已正確設定所有必要欄位。」

Connect 助理會根據 Connect Customer UI 元件程式庫回應說明、元件選項和最佳實務。

## 對話管理
<a name="connect-assistant-ui-builder-conversation"></a>

Connect 助理會將您的對話歷史記錄保留在工作階段中，讓您可以參考先前的請求和變更。
+ **工作階段持續性** — 在您處理檢視時，會保留您的對話歷史記錄。您可以在後續訊息中參考先前的請求。
+ **繼續對話** — 當您返回檢視時，您可以繼續先前有關修改的對話。
+ **對話內容** — Connect 助理會維護訊息的內容，讓您可以逐步建置。例如，您可以在一則訊息中建立表單，然後在下一則訊息中新增驗證規則。

## 最佳實務
<a name="connect-assistant-ui-builder-best-practices"></a>
+ 請具體說明。包含元件名稱、欄位標籤和配置偏好設定，以獲得更準確的結果。
+ 以小步驟反覆運算。從基本配置開始，並使用後續訊息進行精簡，而不是在單一提示中描述整個複雜的檢視。
+ 發佈前請檢閱 。一律檢閱畫布上產生的元件，並在發佈檢視供客服人員或客戶使用之前測試檢視。
+ 如果您想要返回 Connect 助理產生的先前組建，請使用還原按鈕。
+ 使用 Connect 助理進行說明。如果您不確定元件或組態，請先詢問 Connect 助理，再手動進行變更。
+ 結合手動和 Connect 助理工作流程。您可以使用 Connect 助理來產生基本配置，然後使用標準 UI 建置器drag-and-drop和屬性面板進行微調。

## 限制
<a name="connect-assistant-ui-builder-limitations"></a>
+ Connect 助理會產生 Connect Customer UI 元件程式庫中可用的元件。它無法在此程式庫之外建立自訂元件。
+ 多步驟指南工作流程 （跨越多個步驟的檢視） 需要分別建立每個檢視。您可以使用相同的工作階段參考先前的對話，以維護檢視的內容。
+ Connect 助理尚未存取您現有的流程組態。動態欄位參考可能需要手動驗證，以符合您的特定流程設定。