1. 什么是Web界面插件

Web界面插件是一个Wpf插件，使用CefSharp提供的能力进行集成，支持在IoTCenter平台中嵌入开发者自定义的网页或者第三方平台链接，使软件呈现的内容更为丰富和炫酷。

2. 集成方式

   Web界面插件集成需要使用到CefSharp，CefSharp 是一款以 Chromium 为内核的开源的浏览器，提供了 WPF 和 WinForms Web 浏览器控件实现。

   • 2.1 WPFCef控件集成

     WPFCef在开发过程中提供集成的控件，使软件的开发更加便捷、内容更加丰富。

   • 2.2 WinformCef控件集成

     Web界面插件是一个Wpf插件，使用CefSharp提供的能力进行集成，支持在IoTCenter平台中嵌入开发者自定义的网页或者第三方平台链接，使软件呈现的内容更为丰富和炫酷。

1. 开发工具&环境

• AlarmCenter软件 8.8+
• Visual Studio 2017+
• .NET Framework 4.7.2
• SQLServer 2012+

2. 基础篇

• 新建项目

  首先，打开 Visual Studio 2017 或更高版本，选择 “文件”—>“新建”—>“项目”，如图所示。

  

• 创建项目选择新建项目之后，在弹出框中选择"Windows桌面"—>"WPF用户控件库（.NET Framework）"—>"输入项目名"—>"框架选择.NET Framework 4.7.2"，新建项目的模板选择后将名称填写完毕后点击“确定”按钮创建该项目，如图所示。

  

• 生成路径

  项目新建完成后需要选择该项目的生成路径，如图所示，右键项目选择“属性”，在属性中左侧选择 “生成”。在平台上开发插件需要将项目生成的文件，置于软件管理插件的文件夹中。路径选择 D:\AlarmCenter\AddIns\AddIns\AlarmCenter ，为了便于代码管理，在此路径下创建一个文件夹（建议为项目名称，以便管理），则生成的文件会在此创建的文件夹中。路径选择完保存即可。

  

• 添加引用

• 在插件开发中需要使用到平台已有封装好的类库，可在项目中添加“引用”，插件开发常用引用可在软件的Bin 目录下找到，常用的 dll 如图所示。在 bin 文件夹中选择下列的 dll 后点击“确定”便可添加平台的dll。

  类库名称	类库作用
  AlarmCenter.Core.dll	软件平台基础动态库
  AlarmCenter.DataCenter.dll	软件平台服务动态库，用于连接软件服务
  AlarmCenterWcfServiceLibrary.dll	软件平台代理动态库，用于进行指令下发
  CefSharp.dll	CefSharp基础类库
  CefSharp.Core.dll	CefSharp基础类库
  CefSharp.WinForms.dll	CefSharp WinForm控件库
  CefSharp.Wpf.dll	CefSharp Wpf控件库
  GWUserControlLibrary.dll	软件平台集成的用户控件库
  GWWPFControls.dll	软件平台集成的Wpf控件库
  GWWpfCustomControlLibrary.dll	软件平台集成的Wpf风格控件库
  ICSharpCode.Core.dll	扩展类库

  

• 移除复制本地

  添加依赖后，需要去除复制本地，全选相关依赖，"属性"—>"复制本地选为false"。

  

3. 依赖包

• AlarmCenter.Core.dll：软件平台基础动态库
• AlarmCenter.DataCenter：软件平台服务动态库，用于连接软件服务
• AlarmCenterWcfServiceLibrary.dll：软件平台代理动态库，用于进行指令下发
• CefSharp.dll
• CefSharp.Core.dll
• CefSharp.WinForms.dll： WinForm控件库
• CefSharp.Wpf.dll： Wpf控件库
• GWUserControlLibrary.dll：软件平台集成的用户控件库
• GWWPFControls.dll：软件平台集成的Wpf控件库
• GWWpfCustomControlLibrary.dll：软件平台集成的Wpf风格控件库
• ICSharpCode.Core.dll