1.2.4使用聯結器自動化
現在，您將開始在Photoshop的Workfront Fusion中使用現成的聯結器，並將Firefly Text-2-Image請求和Photoshop請求連線到一個案例中。
1.2.4.1複製並準備您的情境
在左側功能表中，移至 案例 並選取您的資料夾--aepUserLdap--。 然後您應該會看到您之前建立的案例，其名稱為--aepUserLdap-- - Adobe I/O Authentication。
按一下箭頭以開啟下拉式功能表，並選取 複製。
將複製案例的 名稱 設定為--aepUserLdap-- - Firefly + Photoshop，並選取適當的 目標團隊。 按一下 [新增]以新增新的webhook。
將 Webhook名稱 設定為--aepUserLdap-- - Firefly + Photoshop Webhook。 按一下 儲存。
您應該會看到此訊息。 按一下 儲存。
您應該會看到此訊息。 按一下 Webhook 模組。
按一下 將地址複製到剪貼簿，然後按一下 重新決定資料結構。
開啟Postman。 在您之前使用的相同資料夾中新增請求。
請確定已套用下列設定：
- 要求名稱：
POST - Send Request to Workfront Fusion Webhook Firefly + Photoshop - 要求型別：
POST - 請求URL：貼上您從Workfront Fusion案例的webhook複製的URL。
移至 內文 並將 內文型別 設定為 原始 - JSON。 將下列裝載貼到 內文 中。
{
"psdTemplate": "citisignal-fiber.psd",
"xlsFile": "placeholder",
"prompt":"misty meadows",
"cta": "Buy this now!",
"button": "Click here to buy!"
}
此新裝載將確保從案例外部提供所有變數資訊，而非在案例中以硬式編碼提供。 在企業情境中，組織需要以可重複使用的方式定義情境，這表示許多變數需要提供為輸入變數，而不是在情境中以硬式編碼表示。
然後您應該擁有此專案。 按一下 傳送。
Workfront Fusion Webhook仍在等待輸入。
按一下 傳送 後，郵件應該變更步驟 已順利決定。 按一下 「確定」。
1.2.4.2更新Firefly T2I模組
以滑鼠右鍵按一下模組 Firefly T2I，然後選取 刪除模組。
按一下 + 圖示，輸入搜尋字詞firefly，然後選取 Adobe Firefly。
選取 產生影像。
拖放 Adobe Firefly 模組，使其連線到 路由器 模組。
按一下 Adobe Firefly 模組以開啟，然後按一下 新增 以建立新連線。
填寫下列欄位：
- 連線名稱：使用
--aepUserLdap-- - Firefly connection。 - 環境：使用 生產。
- 型別：使用 個人帳戶。
- 使用者端識別碼：從您名為
--aepUserLdap-- - One Adobe tutorial的Adobe I/O專案複製 使用者端識別碼。 - 使用者端密碼：從您名為
--aepUserLdap-- - One Adobe tutorial的Adobe I/O專案複製 使用者端密碼。
您可以在這裡找到您Adobe I/O專案的 使用者端識別碼 和 使用者端密碼。
填寫完所有欄位後，請按一下[繼續]。 之後，您的連線將會自動驗證。
接著，選取傳入的 自訂webhook 提供給情境的變數 提示。
接著，將 模型版本 提示字元 設定為 image4 standard。 按一下 「確定」。
繼續進行之前，您必須停用此練習案例中的舊繞線，您只會使用目前設定的新繞線。 若要這麼做，請按一下 路由器 模組與 迭代器 模組之間的 扳手 圖示，並選取 停用路由。
按一下[儲存]儲存變更，然後按一下[執行一次]以測試設定。
移至Postman，驗證要求中的提示，然後按一下[傳送]。
按一下「傳送」後，請返回Workfront Fusion並按一下 Adobe Firefly 模組上的泡泡圖示以驗證詳細資料。
移至 OUTPUT 至 詳細資料 > URL，以尋找 Adobe Firefly 所產生之影像的URl。
您現在應該會看到代表您從Postman請求傳入的提示的影像，在此案例中為 霧狀草甸。
1.2.4.2變更PSD檔案的背景
您現在將更新情境，使用更多現成可用的聯結器使其更聰明。 您也會將輸出從Firefly連線至Photoshop，以便PSD檔案的背景影像能使用Firefly「產生影像」動作的輸出動態變更。
您應該會看到此訊息。 接著，將游標暫留在 Adobe Firefly 模組上，然後按一下 + 圖示。
在搜尋功能表中輸入Photoshop，然後按一下 Adobe Photoshop 動作。
選取 套用PSD編輯。
您應該會看到此訊息。 按一下 [新增]，新增與Adobe Photoshop的連線。
依照以下方式設定您的連線：
- 連線型別：選取 Adobe Photoshop （伺服器對伺服器）
- 連線名稱：輸入
--aepUserLdap-- - Adobe IO - 使用者端ID：貼上您的使用者端ID
- 使用者端密碼：貼上您的使用者端密碼
按一下 繼續。
若要尋找您的 使用者端識別碼 和 使用者端密碼，請移至https://developer.adobe.com/console/home並開啟您名為--aepUserLdap-- One Adobe tutorial的Adobe I/O專案。 移至 OAuth伺服器對伺服器 以尋找您的使用者端ID和使用者端密碼。 複製這些值，並貼到Workfront Fusion中的連線設定中。
按一下 繼續 後，驗證您的認證時，將會短暫顯示快顯視窗。 完成後，您應該會看到此內容。
您現在必須輸入您希望Fusion使用的PSD檔案位置。 對於 儲存體，請選取 Azure，對於 檔案位置，請輸入{{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/{{1.AZURE_STORAGE_SAS_READ}}。 將游標放在第二個/旁邊。 接著，檢視可用的變數，然後向下捲動以尋找變數 psdTemplate。 按一下變數 psdTemplate 以選取它。
您應該會看到此訊息。
一直向下捲動直到看到 圖層。 按一下 新增專案。
您應該會看到此訊息。 您現在需要在Photoshop PSD範本中輸入檔案背景所用的圖層名稱。
在 citisignal-fiber.psd 檔案中，您會找到用於背景的圖層。 在此範例中，該圖層名為 2048x2048-background。
在Workfront Fusion對話方塊中貼上名稱 2048x2048-background。
向下捲動，直到看到 輸入 為止。 您現在需要定義需要插入背景圖層的內容。 在此情況下，您需要選取包含動態產生影像的 Adobe Firefly 模組的輸出。
針對 儲存體，選取 外部。 針對 檔案位置，您必須從 Adobe Firefly 模組的輸出複製並貼上變數{{XX.details[].url}}，但您需要以 Adobe Firefly 模組的序號取代變數中的 XX，在此範例中為 22。
接著，向下捲動直到看到 編輯 為止。 將 Edit 設定為 是 並將 Type 設定為 Layer。 按一下 新增。
您應該會看到此訊息。 接下來，您需要定義動作的輸出。 按一下 輸出 下的 新增專案。
選取 儲存體 的 Azure，將此{{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/citisignal-fiber-replacedbg.psd{{1.AZURE_STORAGE_SAS_WRITE}}貼到 檔案位置 下，並選取 型別 下的 vnd.adobe.photoshop。 按一下以啟用 顯示進階設定。
在 進階設定 下，選取 是 以覆寫相同名稱的檔案。
按一下 新增。
然後您應該擁有此專案。 按一下 「確定」。
按一下[儲存]儲存變更，然後按一下[執行一次]以測試設定。
移至Postman，驗證要求中的提示，然後按一下[傳送]。
您應該會看到此訊息。 按一下 Adobe Photoshop — 套用PSD編輯 模組上的泡泡。
您現在可以看到新的PSD檔案已成功產生，並儲存在您的Microsoft Azure儲存體帳戶中。
1.2.4.3變更PSD檔案的文字圖層
接著，將游標暫留在 Adobe Photoshop — 套用PSD編輯 模組上，然後按一下 + 圖示。
選取 Adobe Photoshop。
選取 編輯文字圖層。
您應該會看到此訊息。 首先，選取您先前已設定的Adobe Photoshop連線，名稱應為--aepUserLdap-- Adobe IO。
您現在需要定義 輸入檔 的位置，這是上一個步驟的輸出，在 圖層 下，您必須針對需要變更文字的每個圖層按一下 +新增專案。
針對 輸入檔案，選取 輸入檔案儲存體 的 Azure，並確定選取先前要求的輸出，Adobe Photoshop — 套用PSD編輯，您可將其定義如下： {{XX.data[].`_links`.renditions[].href}} (將XX取代為先前模組Adobe Photoshop — 套用PSD編輯的序號)。
接著，按一下「圖層」下的「+新增專案」以開始新增需要更新的文字圖層。
需進行2項變更，檔案 citisignal-fiber.psd 中的CTA文字和按鈕文字需要更新。
若要尋找圖層名稱，請開啟檔案 citisignal-fiber.psd。 在檔案中，您會發現包含行動號召的圖層名為 2048x2048-cta。
在檔案 citisignal-fiber.psd 中，您也會注意到包含call to action的圖層名為 2048x2048-button-text。
您必須先設定層 2048x2048-cta 需要進行的變更。 在對話方塊的 Name 下輸入名稱 2048x2048-cta。
向下捲動，直到您看到 文字 > 內容 為止。 從Webhook承載中選取變數 cta。 按一下 新增。
您應該會看到此訊息。 按一下「圖層」下的「新增 +專案」以開始新增需要更新的文字圖層。
在對話方塊的 Name 下輸入名稱 2048x2048-button-text。
向下捲動，直到您看到 文字 > 內容 為止。 從Webhook裝載中選取變數 按鈕。 按一下 新增。
您應該會看到此訊息。
向下捲動直到看到 輸出 為止。 針對 儲存體，選取 Azure。 對於 檔案位置，請輸入以下位置。 請注意，檔案名稱中新增了變數{{timestamp}}，用來確保產生的每個檔案都有唯一的名稱。 此外，請將 Type 設定為 vnd.adobe.photoshop。
{{1.AZURE_STORAGE_URL}}/{{1.AZURE_STORAGE_CONTAINER}}/citisignal-fiber-changed-text-{{timestamp}}.psd{{1.AZURE_STORAGE_SAS_WRITE}}
將 Type 設定為 vnd.adobe.photoshop。 按一下 「確定」。
按一下[儲存]儲存變更。
1.2.4.4 Webhook回應
將這些變更套用至您的Photoshop檔案後，您現在需要設定 Webhook回應，此回應將傳回已啟動此案例的任何應用程式。
將滑鼠停留在模組 Adobe Photoshop — 編輯文字圖層 並按一下 + 圖示。
搜尋webhooks並選取 Webhook。
選取 Webhook回應。
您應該會看到此訊息。 在 內文 中貼上以下承載。
{
"newPsdTemplate": ""
}
複製並貼上變數{{XX.data[]._links.renditions[].href}}並以最後 Adobe Photoshop — 編輯文字圖層 模組的序號取代 XX，在此例中為 30。
啟用 顯示進階設定 的核取方塊，然後按一下 新增專案。
在欄位 索引鍵 中，輸入Content-Type。 在欄位 值 中，輸入application/json。 按一下 新增。
然後您應該擁有此專案。 按一下 「確定」。
按一下 自動對齊。
您應該會看到此訊息。 按一下[儲存]儲存您的變更，然後按一下[執行一次] 測試您的情境。
返回Postman並按一下 傳送。 這裡使用的提示是 霧狀的Meadows。
隨後將啟動情境，並在一段時間後，Postman中將顯示包含新建立PSD檔案URL的回應。
提醒您：一旦案例在Workfront Fusion中執行，您就能按一下每個模組上方的泡泡檢視每個模組的相關資訊。
使用Azure儲存體總管，您可以在Azure儲存體總管中按兩下新建立的PSD檔案，找到並開啟該檔案。
您的檔案應該會看起來像這樣，背景會由 霧狀草甸 所取代。
如果您再次執行情境，然後使用其他提示從Postman傳送新請求，您就會看到情境變得多麼容易且可重複使用。 在此範例中，使用的新提示是 sunny desert。
幾分鐘後，新的PSD檔案已經以新背景產生。
後續步驟
移至1.2.5 Frame.io與Workfront Fusion
返回使用Workfront Fusion進行Creative工作流程自動化
返回所有模組