创作区块

Teaser 区块的 JSON 推送到 teaser 分支后,该区块即可在 AEM 通用编辑器中进行编辑。

在开发中创作区块非常重要,原因如下:

  1. 它验证了区块的定义和模型是否准确。
  2. 它允许开发人员审查区块的语义 HTML,作为开发的基础。
  3. 它可以将内容和语义 HTML 部署到预览环境中,以加快区块开发的速度。

使用来自 teaser 分支的代码打开通用编辑器

  1. 登录到 AEM Author。

  2. 导航到​ 网站,并选择在上一章中创建的网站(WKND(通用编辑器))。

    AEM Sites

  3. 创建或编辑页面,以添加新的区块,并确保上下文可用于支持本地开发。虽然可以在网站内的任何位置创建页面,但通常最好为每个新作品创建独立的页面。创建一个名为 Branches 的新“文件夹”页面。每个子页面用于支持同名 Git 分支的开发。

    AEM Sites - 创建分支页面

  4. 在​ 分支 ​页面下,创建一个名为 Teaser 的新页面,并与开发分支的名称相匹配,然后点击​ 打开 ​以编辑该页面。

    AEM Sites - 创建 Teaser 页面

  5. 通过在 URL 中添加 ?ref=teaser 来更新通用编辑器,以便从 teaser 分支中加载代码。确保在 # 符号​ 之前 ​添加查询参数。

    通用编辑器 - 选择 Teaser 分支

  6. 选择​ 主要 ​下的第一个部分,点击​ 添加 ​按钮,然后选择 Teaser 区块。

    通用编辑器 - 添加区块

  7. 在画布上,选择新添加的 Teaser 并在右侧创作字段,或通过内联编辑功能进行创作。

    通用编辑器 - 创作区块

  8. 完成创作后,选择通用编辑器右上角的​ 发布 ​按钮,选择发布到​ 预览 ​环境,从而将更改发布到预览环境。然后将这些更改发布到该网站的 aem.page 域。
    AEM 网站 - 发布或预览

  9. 等待更改发布到预览环境,然后通过 AEM CLIhttp://localhost:3000/branches/teaser 打开网页。

    本地网站 - 刷新

现在,创作的 Teaser 区块的内容和语义 HTML 可在预览网站上获取,并可在本地开发环境中使用 AEM CLI 进行开发。

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d