一、介绍

关于 Insights Hub Monitor 插件可以参考官网的介绍：https://documentation.mindsphere.io/MindSphere/resources/insights-hub-monitor-plugin-sdk/index.html。官网中可以下载开发插件所需要的 SDK 包，以及我们已经提供好的一个 Demo 代码。客户可以直接下载并进行部署。后续我们会根据此 Demo 源码包进行部署讲解。

二、下载、安装 SDK

参考 https://documentation.mindsphere.io/MindSphere/resources/insights-hub-monitor-plugin-sdk/insights-hub-monitor-plugin-gettingstarted.html 中的步骤，下载并安装 SDK。

安装命令：npm i mindsphere-operationsinsight-plugin-sdk-{version}.tgz

官网图示：

三、SDK Demo

官网中也提供了一个可直接部署并使用的 Demo。参考：https://documentation.mindsphere.io/MindSphere/resources/insights-hub-monitor-plugin-sdk/insights-hub-monitor-plugin-demo.html。

3.1 准备

• IDE 工具
• Insights Hub Developer tenant
• Node.js 和 NPM 已安装在本地环境
• 可登录并使用 Developer Cockpit
• 可以使用 CF-CLI 操作 Cloud Foundry (CF)
• 有权限在 CF 中 Space 推送应用

3.2 安装 SDK

1. 解压下载的 Demo
2. 安装 SDK。进入解压的 Demo 里的 src 目录，执行下面命令（注意调整当前路径与 src 目录的位置）：
   npm install ../src/ihm-plugin-sdk-3.0.1.tgz
3. 执行安装：
   npm install
4. Build Demo
   npm run build
5. 打开 manifest.yml，可选择修改应用的名字

四、部署 Demo 到 CF 中

参考官网介绍：https://documentation.mindsphere.io/MindSphere/resources/insights-hub-monitor-plugin-sdk/insights-hub-monitor-plugin-demo.html#deploying-the-plugin-to-cloud-foundry

五、Developer Cockpit 中配置 Plugin 应用

参考官网介绍：https://documentation.mindsphere.io/MindSphere/resources/insights-hub-monitor-plugin-sdk/insights-hub-monitor-plugin-demo.html#configuring-the-plugin-via-the-developer-cockpit 可在 Developer Cockpit 上创建、配置、注册 Plugin 应用。

其中，需要注意的是步骤中的“第 7 点”：

目前在 Plugin 中支持：Sidebar 和 Asset Plugin 这两种模式的插件显示。Sidebar 支持左侧导航栏插件的定义；Asset Plugin 支持在 Insights Hub Monitor 里面插件显示功能的定义。

此例中的 Demo 是以 "Asset Plugin" 的方式注册的，所以最终我们可以在 Monitor 里看到已注册的插件应用

在 Monitor 的展示选项里可看到注册插件应用