本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 知识图谱场景集成
<a name="tm-knowledge-graph-scene"></a>

您可以使用 AWS IoT 应用套件组件来构建 Web 应用程序，将知识图谱集成到您的 AWS IoT TwinMaker 场景中。这允许您根据场景中存在的 3D 节点（代表您的设备或系统的 3D 模型）生成图表。要创建用于绘制场景中 3D 节点的应用程序，请先将 3D 节点绑定到工作空间中的实体。通过此映射，可以绘制场景中存在的 3D 模型与工作空间中实体之间的关系 AWS IoT TwinMaker 图。然后，您可以创建 Web 应用程序，在场景中选择 3D 模型，并以图表格式探索它们与其他实体的关系。

![\[带有知识图的 TwinMaker 场景，显示了三维模型之间的关系。\]](http://docs.aws.amazon.com/zh_cn/iot-twinmaker/latest/guide/images/intro_kg_scene.png)


有关利用应用套件组件在 AWS IoT TwinMaker 场景中生成图表的运行 Web AWS IoT 应用程序的示例，请参阅 github 上的[AWS IoT TwinMaker 示例反应应用程序](https://github.com/awslabs/iot-app-kit/blob/3DKG_Demo/examples/react-app/src/components/index.tsx)。

## AWS IoT TwinMaker 场景图先决条件
<a name="tm-knowledge-graph-prereqs"></a>

在创建在场景中使用 AWS IoT TwinMaker 知识图谱的 Web 应用程序之前，请完成以下先决条件：
+ 创建 AWS IoT TwinMaker 工作空间。您可以在 [AWS IoT TwinMaker 控制台](https://console.aws.amazon.com/iottwinmaker/)中创建工作区。
+ 熟悉 AWS IoT TwinMaker的实体组件系统以及如何创建实体。有关更多信息，请参阅 [创建您的第一个实体](twinmaker-gs-entity.md)。
+ 创建填充有 3D 模型的 AWS IoT TwinMaker 场景。
+ 熟悉 AWS IoT TwinMaker的 AWS IoT 应用程序套件组件。有关 AWS IoT TwinMaker 组件的更多信息，请参阅[使用 AWS IoT TwinMaker 用户界面组件创建自定义 Web 应用程序](tm-app-kit.md)。
+ 熟悉知识图谱概念和关键术语。请参阅[AWS IoT TwinMaker 知识图谱核心概念](tm-knowledge-graph.md#tm-knowledge-graph-concepts)。

**注意**  
要使用 AWS IoT TwinMaker 知识图和任何相关功能，您需要处于**标准**或**分层套装**定价模式。有关 AWS IoT TwinMaker 定价的更多信息，请参阅[切换 AWS IoT TwinMaker 定价模式](tm-pricing-mode.md)。

## 绑定场景中的 3D 节点
<a name="tm-knowledge-graph-scene-data-binidng"></a>

在创建将知识图谱与场景集成的 Web 应用程序之前，请将场景中存在的 3D 模型（称为 3D 节点）绑定到关联的工作区实体。例如，如果您在场景中有一个混音器设备模型，并且有一个名为的相应实体`mixer_0`，则在混音器模型和代表混音器的实体之间创建**数据绑定**，以便可以绘制模型和实体的图表。

**执行数据绑定操作**

1. 登录 [AWS IoT TwinMaker 控制台](https://console.aws.amazon.com/iottwinmaker/)。

1. 打开工作区并选择一个包含要绑定的 3D 节点的场景。

1. 在场景编辑器中选择一个节点（3D 模型）。当你选择一个节点时，它将在屏幕右侧打开一个检查器面板。

1. 在检查器面板中，导航到面板顶部，然后选择 **\$1** 按钮。然后选择 “**添加实体绑定**” 选项。这将打开一个下拉列表，您可以在其中选择要绑定到当前选定节点的实体。  
![\[突出显示了在 Inspector 面板中选择加号并添加实体绑定的场景。\]](http://docs.aws.amazon.com/zh_cn/iot-twinmaker/latest/guide/images/binding-step-4.png)

1. 从数据绑定下拉菜单中，选择要映射到 3D 模型的实体 ID。在 “**组件名称**” 和 “**属性名称**” 字段中，选择要绑定的组件和属性。  
![\[在 Inspector 面板中选择了组件和属性名称的场景。\]](http://docs.aws.amazon.com/zh_cn/iot-twinmaker/latest/guide/images/binding-step-6.png)

   选择**实体 ID**、**组件名称**和**属性名称**字段后，绑定就完成了。

1. 对要绘制图表的所有模型和实体重复此过程。
**注意**  
可以对场景标签执行相同的数据绑定操作，只需选择标签而不是实体，然后按照相同的过程将标签绑定到节点。

## 创建 Web 应用程序
<a name="tm-knowledge-graph-scene-application"></a>

绑定实体后，使用 AWS IoT 应用程序套件库构建一个带有知识图谱控件的 Web 应用程序，该控件允许您查看场景并探索场景节点和实体之间的关系。

使用以下资源创建自己的应用程序：
+  AWS IoT TwinMaker 示例反应应用程序 github [自述](https://github.com/awslabs/iot-app-kit/blob/3DKG_Demo/examples/react-app/README.md)文档。
+ github 上的 AWS IoT TwinMaker 示例反应应用程序[源代码](https://github.com/awslabs/iot-app-kit/blob/3DKG_Demo/examples/react-app/src/components/index.tsx)。
+  AWS IoT 应用程序套件[入门](https://awslabs.github.io/iot-app-kit/?path=/docs/overview-getting-started--docs)文档。
+  AWS IoT 应用程序套件[视频播放器组件](https://awslabs.github.io/iot-app-kit/?path=/docs/components-videoplayer--docs)文档。
+  AWS IoT 应用程序套件 Sc [ene Viewer 组件](https://awslabs.github.io/iot-app-kit/?path=/docs/components-sceneviewer--docs)文档。

以下过程演示了 Web 应用程序中场景查看器组件的功能。

**注意**  
此过程基于 AWS IoT TwinMaker 示例反应 AWS IoT 应用程序中应用套件场景查看器组件的实现。

1. 打开 AWS IoT TwinMaker 示例反应应用程序的场景查看器组件。在搜索字段中键入实体名称或部分实体名称（区分大小写的搜索），然后选择**搜索**按钮。如果模型绑定到实体 ID，则场景中的模型将被突出显示，并且该实体的节点将显示在场景查看器面板中。  
![\[显示知识图谱场景查看器面板的场景。\]](http://docs.aws.amazon.com/zh_cn/iot-twinmaker/latest/guide/images/search_select_kg_event.png)

1. 要生成所有关系的图表，请在场景查看器控件中选择一个节点，然后选择 “**浏览**” 按钮。  
![\[带有知识图谱场景查看器面板的场景，显示关系图。\]](http://docs.aws.amazon.com/zh_cn/iot-twinmaker/latest/guide/images/explore_select_kg.png)

1. 按下**清除**按钮可清除当前的图表选择并重新开始。