创作区块
将 Teaser 区块的 JSON 推送到 teaser
分支后,该区块即可在 AEM 通用编辑器中进行编辑。
在开发中创作区块非常重要,原因如下:
- 它验证了区块的定义和模型是否准确。
- 它允许开发人员审查区块的语义 HTML,作为开发的基础。
- 它可以将内容和语义 HTML 部署到预览环境中,以加快区块开发的速度。
使用来自 teaser
分支的代码打开通用编辑器
-
登录到 AEM Author。
-
导航到 网站,并选择在上一章中创建的网站(WKND(通用编辑器))。
-
创建或编辑页面,以添加新的区块,并确保上下文可用于支持本地开发。虽然可以在网站内的任何位置创建页面,但通常最好为每个新作品创建独立的页面。创建一个名为 Branches 的新“文件夹”页面。每个子页面用于支持同名 Git 分支的开发。
-
在 分支 页面下,创建一个名为 Teaser 的新页面,并与开发分支的名称相匹配,然后点击 打开 以编辑该页面。
-
通过在 URL 中添加
?ref=teaser
来更新通用编辑器,以便从teaser
分支中加载代码。确保在#
符号 之前 添加查询参数。 -
选择 主要 下的第一个部分,点击 添加 按钮,然后选择 Teaser 区块。
-
在画布上,选择新添加的 Teaser 并在右侧创作字段,或通过内联编辑功能进行创作。
-
完成创作后,选择通用编辑器右上角的 发布 按钮,选择发布到 预览 环境,从而将更改发布到预览环境。然后将这些更改发布到该网站的
aem.page
域。
-
等待更改发布到预览环境,然后通过 AEM CLI 在 http://localhost:3000/branches/teaser 打开网页。
现在,创作的 Teaser 区块的内容和语义 HTML 可在预览网站上获取,并可在本地开发环境中使用 AEM CLI 进行开发。