AEM内容片段控制台扩展

AEM内容片段控制台 可通过两个扩展点添加扩展:按钮 内容片段控制台的 标题菜单或操作栏。 这些扩展是以JavaScript(作为App Builder应用程序运行)编写的,并且可以实施自定义Web UI和无服务器的Adobe I/O Runtime操作,以执行更加密集、运行时间更长的工作。

AEM内容片段控制台扩展
扩展类型 描述 参数
标题菜单 将按钮添加到在 已选择内容片段。 无.
操作栏 向操作栏中添加按钮,该按钮在 一个或多个 已选择内容片段。 选定内容片段路径的数组。

单个AEM内容片段控制台扩展可以包含零个或一个标题菜单,以及零个或一个操作栏扩展类型。 如果需要同一类型的多个扩展类型,则必须创建多个AEM内容片段控制台扩展。

AEM内容片段控制台扩展,需要 Adobe Developer控制台项目应用程序生成器应用程序 使用 @adobe/aem-cf-admin-ui-ext-tpl 模板,与Adobe Developer控制台项目关联。

在生成应用程序生成器应用程序时,请根据扩展的功能,从以下功能中进行选择。 任何选项组合都可以在扩展中使用。

将按钮添加到 标题菜单 将按钮添加到 操作栏 显示 模态 添加 服务器端处理程序
未选择内容片段时可用
选择一个或多个内容片段时可用
从用户收集自定义输入 ✔️
向用户显示自定义反馈 ✔️
调用AEM的HTTP请求
调用对Adobe/第三方服务的HTTP请求

Adobe Developer文档

Adobe Developer包含有关AEM内容片段控制台扩展的开发人员详细信息。 请查看 Adobe Developer内容,以进一步了解技术详细信息.

开发扩展

请按照以下概述的步骤,了解如何生成、开发和部署适用于AEMas a Cloud Service的AEM内容片段控制台扩展。

1.创建项目

创建一个Adobe Developer Console项目,以定义其对其他Adobe服务的访问权限并管理其部署。

创建Adobe Developer项目

2.初始化扩展应用程序

初始化AEM内容片段控制台扩展应用程序生成器应用程序,该应用程序定义扩展的显示位置及其执行的工作。

初始化扩展应用程序

3.扩展注册

在AEM内容片段控制台中将扩展注册为标题菜单或操作栏扩展类型。

注册扩展

4a. 标题菜单

了解如何创建AEM内容片段控制台标题菜单扩展。

扩展标题菜单

4b. 操作栏

了解如何创建AEM内容片段控制台操作栏扩展。

扩展操作栏

5.模式窗口

在扩展中添加一个自定义模式,以用于为用户创建定制体验。 模型通常会收集用户的输入并显示操作结果。

添加模式窗口

6.Adobe I/O Runtime行动

添加无服务器Adobe I/O Runtime操作,扩展可调用该操作以与内容片段和AEM进行交互,以执行自定义业务操作。

添加Adobe I/O Runtime操作

7.测试

在开发过程中测试扩展,并使用特殊URL将完成的扩展共享给QA或UAT测试人员。

测试扩展

8.生产部署

部署扩展以Adobe I/O,使其可供AEM用户使用。 扩展也可以更新和删除。

部署到生产环境

扩展示例

AEM内容片段控制台扩展示例。

批量属性更新扩展

浏览一个操作栏扩展示例,该扩展可批量更新选定内容片段上的属性。

浏览示例扩展

基于OpenAI的图像生成和上传到AEM扩展

浏览一个操作栏扩展示例,该扩展使用OpenAI生成图像,将其上传到AEM,并更新选定内容片段上的图像属性。

浏览示例扩展

在此页面上