1.2.6帧I/O到Workfront Fusion到AEM Assets
在上一个练习中，您配置了一个方案，该方案使用Adobe Firefly、Adobe Photoshop API和Workfront Fusion自动生成Photoshop PSD文件的变体。 该方案的输出是一个新的Photoshop PSD文件。
但是，业务团队不需要PSD文件，他们需要PNG文件或JPG文件。 在本练习中，您将配置一种新的自动化方法，一旦帧I/O中的资产获得批准，就会生成一个PNG文件，并且该PNG文件会自动存储在AEM Assets中。
1.2.6.1创建新方案
转到https://experience.adobe.com/。 打开 Workfront Fusion。
在左侧菜单中，转到 方案 并选择您的文件夹--aepUserLdap--。 单击 创建新方案。
使用名称--aepUserLdap-- - Asset Approved PNG AEM Assets。 接下来，单击 ？ 模块，输入搜索词webhook，然后单击 Webhooks。
单击 自定义webhook。
单击 添加 创建新的webhook。
使用名称--aepUserLdap-- - Frame.io Webhook。 单击 保存。
您应该会看到此内容。 单击 将地址复制到剪贴板。
1.2.6.2在Frame.io中配置Webhook
转到Postman并打开请求 POST — 获取集合 Adobe IO - OAuth 中的访问令牌。 接下来，单击 发送 以请求新的 access_token。
在左侧菜单中，返回 收藏集。 在收藏集 Frame.io V4 - Tech Insiders 的文件夹 Webhooks 中打开请求 POST — 创建Webhook。
转到请求的 正文。 将字段 name 更改为--aepUserLdap-- - Fusion to AEM Assets，然后将字段 url 更改为您从Workfront Fusion复制的Webhook URL的值。
单击 发送。
您的Frame.io V4自定义操作现已创建。
转到https://next.frame.io/project，然后转到您之前创建的名为--aepUserLdap--的项目，并打开文件夹 CitiSignal Fiber Campaign。 您现在应该会看到上一个练习中创建的资源。
单击字段 状态 并将状态更改为 进行中。
切换回Workfront Fusion。 您现在应该看到连接是 已成功确定。
单击 保存 以保存更改，然后单击 运行一次 以进行快速测试。
切换回Frame.io并单击字段 In Progress 并将状态更改为 需要审核。
切换回Workfront Fusion，然后单击 自定义webhook 模块上的气泡。
气泡的详细视图显示了从Frame.io收到的数据。 您应会看到各种ID。例如，字段 resource.id 显示资产 citisignal-fibre.psd 的Frame.io中的唯一ID。
1.2.6.3从Frame.io获取资源详细信息
现在，Frame.io与Workfront Fusion之间的通信已通过自定义webhook建立，您应该获得有关其状态标签已更新的资源的更多详细信息。 为此，您将再次使用Workfront Fusion中的Frame.io连接器，类似于上一个练习。
将鼠标悬停在 自定义webhook 对象上，然后单击 + 图标以添加另一个模块。
输入搜索词frame。 单击 Frame.io。
单击 Frame.io。
单击 进行自定义API调用。
验证该连接是否设置为您在上一个练习中创建的、应命名为--aepUserLdap-- - Adobe I/O - Frame.io S2S的连接。
对于模块 Frame.io — 进行自定义API调用，请使用URL： /v4/accounts/{{1.account.id}}/files/{{1.resource.id}}。
{{1.account.id}}和{{1.resource.id}}。 变量中的数字引用场景中的模块。 在此示例中，您可以看到场景中的第一个模块名为 Webhooks，其序列号为 1。 这意味着变量{{1.account.id}}和{{1.resource.id}}将从序列号为1的模块中访问该字段。 序列号有时可能不同，因此，在复制/粘贴此类变量时请务必注意，并始终验证使用的序列号是否正确。接下来，单击 查询字符串 下的 +添加项。
输入这些值，然后单击 添加。
includemedia_links.original
您现在应该拥有此项。 单击 确定。
单击 保存 以保存更改，然后单击 运行一次 以测试配置。
切换回Frame.io并将状态更改为 正在进行。
返回到Workfront Fusion并单击 Frame.io上的气泡 — 进行自定义API调用 模块。 然后，您应该会看到类似的概述。
接下来，您应该设置一个过滤器，以确保仅对状态为 已批准 的资源渲染PNG文件。 为此，请单击模块 自定义webhook 和 Frame.io之间的 扳手 图标 — 进行自定义API调用，然后选择 设置过滤器。
配置以下字段：
- 标签：使用
Status = Approved。 - 条件：
{{1.metadata.value[]}}。 - 基本运算符：选择 等于。
- 值：
Approved。
单击 确定。
然后您应该拥有此项。 单击 保存 以保存更改。
1.2.6.4转换为PNG
将鼠标悬停在模块 Frame.io上 — 进行自定义API调用 并单击 + 图标。
输入搜索词photoshop，然后单击 Adobe Photoshop。
单击 转换图像格式。
验证字段 Connection 是否正在使用您之前创建的名为--aepUserLdap-- - Adobe IO的连接。
在 Input 下，将字段 Storage 设置为 External，并将 File Location 设置为使用模块 Frame.io返回的变量 Original — 进行自定义API调用。
接下来，单击 输出 下的 添加项。
对于 输出 配置，将字段 Storage 设置为 Fusion内部存储，将 Type 设置为 image/png。 单击 添加。
单击 确定。
单击 保存 以保存更改，然后单击 运行一次 以测试配置。
切换回Frame.io并单击字段 In Progress 并将状态更改为 Approved。
返回Workfront Fusion。 此时，您应会看到场景中的所有模块均已成功执行。 单击 Adobe Photoshop — 转换图像格式 模块上的气泡。
在执行 Adobe Photoshop — 转换图像格式 模块的详细信息中，您可以看到现在生成了PNG文件。 接下来，将该文件存储在AEM Assets CS中。
1.2.6.5在AEM Assets CS中存储PNG
将鼠标悬停在 Adobe Photoshop — 转换图像格式 模块上，然后单击 + 图标。
输入搜索词aem并选择 AEM Assets。
单击 上传资产。
您现在需要配置与AEM Assets CS的连接。 单击 添加。
使用以下设置：
- 连接类型： AEM Assets as a Cloud Service。
- 连接名称：
--aepUserLdap-- AEM Assets CS。 - 实例URL：复制AEM Assets CS创作环境的实例URL，它应该如下所示：
https://author-pXXXXX-eXXXXXXX.adobeaemcloud.com。 - 访问详细信息填写选项：选择 提供JSON。
您现在需要提供JSON格式的 技术帐户凭据。 要实现此目的，请使用AEM Cloud Manager执行多个步骤。 在执行此操作时，请保持此屏幕处于打开状态。
转到https://my.cloudmanager.adobe.com。 您应选择的组织是--aepImsOrgName--。 然后你将看到类似这样的内容。 单击以打开您的程序，该程序应名为--aepUserLdap-- - Citi Signal。
单击3个点 … 并选择 Developer Console。
单击 使用Adobe登录。
转到 工具 > 集成。
单击 新建技术帐户。
然后您应该会看到类似这样的内容。 打开新创建的技术帐户。 单击3个点 …，然后选择 视图。
然后，您应该会看到类似的技术帐户令牌有效负载。 将完整的JSON有效负载复制到剪贴板。
返回到Workfront Fusion，并将完整的JSON有效负载粘贴到 JSON格式的技术帐户凭据 字段中。 单击 继续。
随后将验证您的连接，如果成功，将在AEM Assets模块中自动选择您的连接。 下一步要做的就是配置文件夹。 在本练习中，您应该创建一个新的专用文件夹。
要创建新的专用文件夹，请转到https://experience.adobe.com。 确保选择正确的Experience Cloud实例，应为--aepImsOrgName--。 然后单击 Experience Manager Assets。
在AEM Assets CS环境中单击 选择，该环境应命名为--aepUserLdap-- - Citi Signal dev。
转到 资源 并单击 创建文件夹。
输入名称--aepUserLdap-- - CitiSignal Fiber Campaign并单击 创建。
随后将创建您的文件夹。
返回到Workfront Fusion，选择 单击此处选择文件夹，然后选择文件夹--aepUserLdap-- - CitiSignal Fiber Campaign。
验证目标是否设置为--aepUserLdap-- - CitiSignal Fiber Campaign。 然后在 Source文件 下，选择 映射。
在 文件名 下，选择变量{{3.filenames[1]}}。
在 数据 下，选择变量{{3.files[1]}}。
{{3.filenames[1]}}。 变量中的数字引用场景中的模块。 在此示例中，您可以看到场景中的第三个模块名为 Adobe Photoshop — 转换图像格式，其序列号为 3。 这意味着变量{{3.filenames[1]}}将访问序列号为3的模块中的字段 文件名[]。 序列号有时可能不同，因此，在复制/粘贴此类变量时请务必注意，并始终验证使用的序列号是否正确。单击 确定。
单击 保存 以保存更改。
接下来，您需要为刚刚创建的技术帐户设置特定权限。 在 Cloud Manager 的 Developer Console 中创建该帐户时，向其授予 读取 访问权限，但对于此用例，需要 写入 访问权限。 为此，您可以转到AEM CS创作环境。
转到https://my.cloudmanager.adobe.com。 您应选择的组织是--aepImsOrgName--。 单击以打开您的程序，该程序应名为--aepUserLdap-- - Citi Signal。 然后你将看到类似这样的内容。 单击作者URL。
单击 使用Adobe登录。
转到 设置 > 安全性 > 用户。
单击以打开技术帐户用户帐户。
转到 组 并将此技术帐户用户添加到组 DAM-Users。
单击 保存并关闭。
返回Workfront Fusion。 单击 运行一次 以测试您的方案。
切换回Frame.io并确保资产状态再次更改为 已批准。
您的Workfront Fusio方案随后将被激活，并应成功完成。 通过查看 AEM Assets 模块上的气泡中的信息，您已经看到PNG文件已成功存储在AEM Assets CS中。
返回AEM Assets CS并打开文件夹--aepUserLdap-- - Frame.io PNG。 现在，您应该会看到作为Workfront Fusion场景的一部分生成的PNG文件。 双击文件以将其打开。
现在，您可以查看有关生成的PNG文件的元数据的更多详细信息。
您现在已成功完成此练习。
后续步骤
转到使用Workfront Fusion进行Creative工作流自动化的摘要和好处
返回到使用Workfront Fusion的Creative工作流自动化
返回所有模块