内容建模

导航到​ 工具>配置浏览器，为Headless体验创建配置。

提供​ title ​和​ name，并检查​ GraphQL持久查询 ​和​ 内容片段模型。

导航到​ 工具>内容片段模型，然后选择具有在步骤1中创建的配置名称的文件夹。

在文件夹中，选择​ 创建 ​并命名模型​ Teaser。 将以下数据类型添加到​ Teaser ​模型。

在文件夹内，创建名为​ 选件 ​的第二个模型。 单击“创建”并为模型命名“选件”，然后添加以下数据类型：

在文件夹内，创建名为​ 图像列表 ​的第三个模型。 单击“创建”并为模型命名“图像列表”，然后添加以下数据类型：

现在，导航到Assets并为新站点创建文件夹。 单击创建并命名文件夹。

创建文件夹后，选择该文件夹并打开其​ 属性。

在文件夹的​ 云配置 ​选项卡中，选择之前创建的配置。

单击进入新文件夹并创建Teaser。 单击​ 创建 ​和​ 内容片段 ​并选择​ Teaser ​模型。 将模型命名为​ Hero，然后单击​ 创建。

导航到​ 工具> GraphQL

单击​ 创建，为新端点提供一个名称并选择新创建的配置。

让我们测试新端点。 导航到​ Tools > GraphQL查询编辑器，并为窗口右上角的下拉列表选择我们的端点。

在查询编辑器中，创建几个不同的查询。

{
    teaserList {
        items {
        title
        }
    }
}

您应该获得一个列表，其中包含在以上创建的单个片段。

对于本练习，请创建AEM Headless应用程序使用的完整查询。 创建按路径返回单个Teaser的查询。 在查询编辑器中，输入以下查询：

query TeaserByPath($path: String!) {
component: teaserByPath(_path: $path) {
    item {
    __typename
    _path
    _metadata {
        stringMetadata {
        name
        value
        }
    }
    title
    preTitle
    style
    asset {
        ... on MultimediaRef {
        __typename
        _authorUrl
        _publishUrl
        format
        }
        ... on ImageRef {
        __typename
        _authorUrl
        _publishUrl
        mimeType
        width
        height
        }
    }
    description {
        html
        plaintext
    }
    }
}
}

在底部的​ 查询变量 ​输入中，输入：

{
    "path": "/content/dam/pure-headless/hero"
}

运行查询以接收之前创建的内容片段的结果。

单击​ 保存 ​以保留（保存）查询并命名查询​ Teaser。 这允许我们在应用程序中按名称引用查询。