查看 GraphQL API 端点
接下来,您必须配置 API 端点以发送 GraphQL 查询。要查看现有端点或创建一个端点,请导航至 工具 > 常规 > GraphQL。
请注意,WKND Shared Endpoint
已经创建。要为您的项目创建端点,请在右上角选择 创建,并按照工作流程进行操作。
查看 WKND 内容结构和语言根文件夹
明确的内容结构是AEM Headless 实施成功的关键。它有助于提高内容的可扩展性、可用性和权限管理。
语言根文件夹是指以 ISO 语言代码(如 EN 或 FR)作为名称的文件夹。AEM 翻译管理系统利用这些文件夹来定义内容的主要语言以及用于内容翻译的语言。
前往 导航 > 资源 > 文件。
导航到 WKND 共享 文件夹。注意标题为“English”且名称为“EN”的文件夹。此文件夹是 WKND Site 项目的语言根文件夹。
对于您自己的项目,请在配置中创建一个语言根文件夹。有关更多详细信息,请参阅创建文件夹部分。
为嵌套文件夹分配配置
最后,您必须将项目的配置分配到语言根文件夹。此分配允许根据项目配置中定义的内容片段模型来创建内容片段。
要将语言根文件夹分配给配置,请选择该文件夹,然后在顶部导航栏中选择 属性。
接下来,导航至 云服务 选项卡,并在 云配置 字段中选择文件夹图标。
在出现的模态对话框中,选择您之前创建的配置,以将语言根文件夹分配给它。
最佳实践
在 AEM 中创建自己的项目时,以下是一些最佳实践:
- 在构建文件夹层次结构时,应充分考虑本地化和翻译因素。换句话说,语言文件夹应嵌套在配置文件夹中,这样便于翻译这些配置文件夹中的内容。
- 文件夹层次结构应保持扁平且直观。请避免在后续操作中移动或重命名文件夹和片段,尤其是在发布供实时使用之后,因为这会改变路径,从而可能影响片段引用和 GraphQL 查询。
入门包和解决方案包
有两个 AEM 包 可用,可通过包管理器进行安装
- Advanced-GraphQL-Tutorial-Starter-Package-1.1.zip 在教程的后续部分中使用,其中包含示例图像和文件夹。
- 高级 GraphQL 教程解决方案包 1.2.zip 包含第 1 至 4 章的完整解决方案,包括新的内容片段模型、内容片段和持久化 GraphQL 查询。对于那些想直接跳到客户端应用程序集成章节的人员来说,这将非常有用。
React 应用程序 - 高级教程 - WKND Adventures 项目可供查看和探索示例应用程序。此示例应用程序通过调用持久化的 GraphQL 查询从 AEM 检索内容,并以沉浸式体验呈现。
快速入门
要开始学习本高级教程,请按照以下步骤进行:
- 使用 AEM as a Cloud Service 来搭建开发环境。
- 请从创建内容片段模型的教程章节开始。