...
通过API接口方式集成，相对比较复杂，并且做集成的第三方系统需要做非常多的工作。如果第三方系统只是需要让自己具备“问数”能力，把用户所有问数的请求都转给 AIChat 直接处理，则可以直接把 AIChat 整体嵌入到自己的页面中。此种集成方式最简单，几行代码即能搞定，并且还能充分发挥 AIChat 所有前端的便捷功能，而不仅仅是使用它的“问数”能力。本文重点介绍此种集成方式。前端所有的便捷功能，而不仅仅是使用它的“问数”能力。本文重点介绍此种集成方式。
2. 集成地址及参数
在第三方系统中集成 AIChat，如果是web页面，直接在页面中放置一个 iframe 元素，然后嵌入如下 URL地址即可。
...
参数 | 备选值/默认值 | 说明 |
|---|---|---|
navigationPanel |
| 左侧的导航栏面板。
|
logoSection |
| 左侧导航栏面板上顶部的LOGO区域。 |
chatHistorySection |
| 左侧导航栏面板上中间的“历史对话”区域。 |
userInfoSection |
| 左侧导航栏面板上底部的用户信息区域。 |
dataPanel |
| 右侧的数据面板。
|
dataResourceId | Resource ID | 资源ID，右侧数据面板上选中该资源。
|
agentId | Agent ID | 默认选中的智能体。 传入选中的智能体的“资源ID”，比如分析模式/专家模式/报表问数。 |
3. 集成示例
3.1 隐藏导航面板
- 打开 AIChat
...
- 时，默认隐藏左侧的“导航”面板，但同时也允许用户再把它打开。
| 代码块 |
|---|
http://Smartbi-server:port/smartbi/vision/aichat/proxy/#/?navigationPanel=hide |
- 添加 navigationPanel添加 navigationPanel=hide 参数后，集成的效果如下图。“导航”面板虽然被隐藏了，但用户可以通过点击顶部的“显示导航栏”按钮，再把导航面板显示出来。
3.2 删除数据面板
- 打开 AIChat 时，默认隐藏右侧的“数据”面板，并且不允许用户再次把它打开。
| 代码块 |
|---|
http://Smartbi-server:port/smartbi/vision/aichat/proxy/#/?dataPanel=delete |
- 添加 dataPanel添加 dataPanel=delete 参数后，集成的效果如下图。“数据”面板被删除了，用户无法再把数据面板显示出来。
3.3 隐藏LOGO及用户信息区域
- 打开 AIChat 时，默认隐藏左侧导航栏面板上顶部的LOGO区域、以及底部的用户信息区域。
| 代码块 |
|---|
http://Smartbi-server:port/smartbi/vision/aichat/proxy/#/?logoSection=hide&userInfoSection=hide |
- 添加 logoSection=hide&userInfoSection=hide 参数后，集成的效果如下图。左侧导航栏面板上顶部的LOGO区域、以及底部的用户信息区域，都隐藏了。
