第十二讲 组态王WEB发布

第十二讲组态王WEB发布-103-北京亚控科技发展有限公司第十二讲组态王WEB发布第一节Web功能介绍概述随着Internet科技日益渗透到生活、生产的各个领域，传统自动化软件的趋势已发展成为整合IT与工业自动化的关键。组态王提供了ForInternet应用版本——组态王WEB版，其采用B/S结构，支持Internet/Intranet网络上的任何一台PC机通过IE浏览器浏览工业现场的实时画面，监控各种工业数据，实现了对客户信息服务的动态性、实时性和交互性。WEB功能结构如图12-1所示：图12-1Web功能结构示意图内部网（TCP/IP）主控室(发布工程画面)厂长办公室车间主任车间车间锅炉房在世界各个角落连接到万维网的PCInternet在本课程中您将：了解组态王的Web功能了解Web全新版的特点了解Web全新版的发布流程了解如何在IE上进行画面的浏览监控室在家里-104-第十二讲组态王WEB发布北京亚控科技发展有限公司Web全新版功能介绍目前组态王6.53及以下版本中的Web功能只能实现画面和数据的发布，无法实现OCX控件的发布，为了满足客户的需求，在组态王6.55中增加了Web全新版，其采用ActiveX技术，彻底解决了长期以来组态王无法发布OCX控件的问题，使远程用户能够通过IE浏览访问服务器。全新版的Web发布可以实现画面发布，数据发布和OCX控件发布，同时也保留了组态王原有Web的所有功能。IE浏览客户端可以获得与组态王运行系统相同的监控画面，IE客户端与Web服务器保持高效的数据同步，通过网络您可以在任何地方获得与Web服务器上相同的画面和数据显示、报表显示、报警显示等，同时可以方便快捷的向工业现场发布控制命令，实现实时控制的功能。另外，Web全新版还具有以下几点技术特性：Web全新版通过几个独立的文件实现工程发布、工程下载、画面展示和数据访问等功能；Web全新版采用ActiveX技术，可以支持工程中所有控件的发布；Web全新版更大限度地支持了原有Web所不支持的功能；Web全新版采用组态王远程站点的实现原理，Web服务器能够直接引用数据服务器端的变量；Web全新版需要单独建立一个组态王工程作为Web服务器，并将其发布到IIS服务器中；数据服务器端：为客户端提供实时数据、报警数据和历史数据等。数据服务器由IO服务器、冗余服务器、报警服务器、登录服务器以及历史数据服务器组成，在Web全新版中可以更加充分地实现分布式配置；Web服务器：组态王的数据服务器不能直接充当WEB发布服务器。要求组态王的WEB服务器为组态王客户端工程，同时要求该客户端工程所在计算机必须安装IIS信息服务。IE浏览客户端：Internet/Intranet网络中的任意一台计算机都可以下载客户端工程，从Web服务器上读取变量并实时更新画面。图12-2Web发布结构原理图第十二讲组态王WEB发布-105-北京亚控科技发展有限公司第二节Web发布的配置工程配置概述根据上一节图12-2所示，为了实现Web发布，必须选择相应的组态王工程作为数据服务器，并且需要在Web服务器中单独建立一个组态王工程。对各个组态王工程进行配置的时候，需要注意以下两点：1.Web服务器中的登录服务器、IO服务器、历史数据服务器都来自网络上的其他计算机（数据服务器端工程）；2.Web服务器中的组态王工程画面可以和数据服务器端的画面一致，但是Web服务器上的脚本和变量不能使用IO变量；一般情况下，全新版的Web发布需要使用三台计算机，分别作为数据服务器、Web服务器和IE浏览客户端，三台计算机的作用如图12-3所示：图12-3Web发布实现过程另外，为了满足不同用户的需求，全新版的Web发布允许用户使用一台计算机作为数据服务器和Web服务器，采用这种方式发布组态王工程时，数据服务器和Web服务器的结构关系如图12-4所示：-106-第十二讲组态王WEB发布北京亚控科技发展有限公司图12-4在一台计算机上实现Web发布数据服务器端工程的配置1、打开Kingview工程浏览器，在工程浏览器中选择一个需要发布的工程，在此教程中，我们以Kingdemo3数据服务器工程，充当IO服务器、报警服务器、登录服务器以及历史数据服务器；2、进入工程浏览器界面，在工程浏览器的目录显示区中双击“系统配置-网络配置”，或者选择菜单“配置-网络配置”，弹出“网络配置”对话框，如图12-5所示：图12-5网络配置对话框第十二讲组态王WEB发布-107-北京亚控科技发展有限公司3、网络配置对话框中有三个属性页：网络参数、节点类型和客户配置，下面对各个属性页中的配置进行详细说明：网络参数属性页选择“连网”模式，在本机节点名中输入本机所对应节点名，建议使用本地主网卡的IP地址作为本机节点名，如图12-6所示：图12-6网络参数配置节点类型属性页组态王工程充当数据服务器端所需要的所有服务器，节点类型属性页中的配置如下图12-7所示：图12-7节点类型配置-108-第十二讲组态王WEB发布北京亚控科技发展有限公司注：也可以分别采用不同的工程作为IO服务器、报警服务器、历史服务器、登录服务器等，在每个工程的网络配置中分别进行配置。客户配置属性页在数据服务器端不需要对该属性页进行设置。4、网络配置中的各项配置完成之后，单击“确定”按钮，完成对数据服务端的网络配置。5、数据服务器端的网络配置完成之后，需要共享数据服务器工程所在的文件夹，以保证Web服务器能够顺利引用数据服务器中的变量。注：共享文件不要放在桌面上。Web服务器端工程的网络配置1、为了实现组态王工程的Web发布，首先需要在Web服务器上单独建立一个组态王工程，建立工程的方法在第二讲中已经介绍，在此不再赘述，新工程名称为WebServer，路径为D盘根目录下；2、在Web服务器中要建立数据服务器的远程站点。由于在本例中，我们要让数据服务器与Web服务器工程在同一台计算机上，所以我们需要将数据服务器的工程添加到网上邻居中。添加成功后，在网络邻居中显示如图12-8：图12-8网上邻居中的显示3、进入WebServer工程的工程浏览器界面，在工程浏览器的左边选择“站点”标签，进入站点管理界面。在左侧的节点名称列表区域中单击鼠标右键，在弹出的快捷菜单中选择“新建远程站点”，弹出远程节点对话框，如图12-9所示：第十二讲组态王WEB发布-109-北京亚控科技发展有限公司图12-9远程节点配置对话框4、单击远程节点对话框中的“读取节点配置”按钮，在弹出的对话框中选择网上邻居中刚刚建好的工程目录，如图12-10所示，点“确定”。该远程站点的信息会被全部读出来，并自动添加到远程节点对话框中。定义完成后，单击“确定”按钮关闭对话框。图12-105、同数据服务器端的配置类似，在工程浏览器的目录显示区中双击系统配置-网络配置，或者选择菜单“配置-网络配置”，弹出“网络配置”对话框，对其进行设置。网络参数属性页选择“连网”模式，在本机节点名中输入本机所对应节点名，建议使用本地主网卡的IP地址作为本机节点名；节点类型属性页-110-第十二讲组态王WEB发布北京亚控科技发展有限公司节点类型属性页中的配置与数据服务器中的配置不同，只需要设置一下登录服务器即可，配置如图12-11所示：图12-11节点类型配置客户配置属性页Web服务器充当的是数据服务器的客户端，其配置如图12-12所示：图12-12客户配置6、各项配置完成之后，单击确定按钮完成Web服务器中的组态王工程的网络配置。第十二讲组态王WEB发布-111-北京亚控科技发展有限公司制作发布的画面数据服务器和Web服务器中的组态王工程的网络配置完成之后，就建立了数据服务端和Web服务器端之间的链接，Web服务器的变量可以直接引用数据服务器端的任意一个变量，也可以在Web服务器的组态王工程中新建其他内存变量。在本例中我们将演示发布两个画面，一个画面显示Kingdemo工程中原料罐液位，反应罐液位和反应罐温度实时值，另一个画面显示这三个变量的历史曲线。具体制作步骤如下：1、新建两个画面，名称分别为：实时显示画面，历史趋势曲线画面。2、在实时显示画面中，选择工具箱中的工具，在画面上输入显示的文字，并添加一个换面切换按钮。画面内容见图12-13所示，在按钮“弹起时”的动画连接中，输入命令语言：ShowPicture(历史趋势曲线画面);图12-13实时显示画面3、双击实时显示画面的“###”文本，在其“模拟值输出”的动画连接中分别关联数据服务器中的原料罐液位，反应罐液位和反应罐温度这三个变量。如图12-14所示：-112-第十二讲组态王WEB发布北京亚控科技发展有限公司图12-14选择变量对话框4、关联好变量的动画连接之后，将实时显示画面保存。5、在历史趋势曲线画面中，选择工具箱中的工具，在画面上输入文字：历史趋势曲线。6、在画面中插入“历史趋势曲线”控件，方法参考第六讲第二节中的创建历史曲线控件。7、选中此控件，单击鼠标右键，在弹出的下拉菜单中执行“控件属性”命令，弹出控件属性对话框，如图12-15所示：图12-15历史趋势曲线控件属性第十二讲组态王WEB发布-113-北京亚控科技发展有限公司8、点击“历史库中添加”按钮，弹出“增加曲线”对话框，如图12-16，左边列表中显示的是工程中记录了历史数据的变量，选中“反应罐温度”变量后，可以设置其关联曲线的线性、颜色等，配置完成后点“确定”，然后按照同样的方法，添加“反应罐液位”变量、“原料罐液位”变量。我们设置“反应罐温度”、“反应罐液位”和“原料罐液位”曲线的颜色分别为红色，黄色和绿色。图12-16添加变量对画框9、将变量添加完成后，点“确定”按钮，所添加的变量就显示到控件的列表框里了。在画面中添加按钮，在按钮的“弹起时”动画连接中，输入命令语言：ShowPicture(实时显示画面);历史趋势曲线画面的显示见图12-17，编辑完成后，保存画面。图12-17历史趋势曲线画面10、将实时显示画面设置为主画面，到此，我们Web服务器端的工程就完成了。-114-第十二讲组态王WEB发布北京亚控科技发展有限公司Web发布前的准备工作在Web服务器中，安装IIS（即Internet信息服务）组件，安装过程如下（以WindowsXP为例）：点击Windows开始菜单，选择“控制面板”，在打开的控制面板中选择“添加或删除程序”选项，在“添加或删除程序”界面的左侧工具栏中，选择“添加/删除Windows组件”，弹出对话框如图12-18所示，点击下一步安装配置Windows组件（此过程中需要Windows系统盘中的“I386”文件夹中的所有文件），根据提示进行安装即可。图12-18安装IIS服务组件Web全新版发布步骤1、双击组态王安装路径下的KVWebPublish.exe应用程序，弹出对话框，如图12-19所示：图12-20Web发布对话框第十二讲组态王WEB发布-115-北京亚控科技发展有限公司网站URL：Web发布后，提供给用户的客户端工程下载地址，远程用户在IE地址栏中输入该地址后，就可以实时访问浏览客户端工程。待发布的工程路径：Web服务器中的组态王工程所在的路径，可以在编辑框中直接输入，也可以点击编辑框后面的按钮来选择。到网站目录（与网站URL相对应）：Web服务器上配置IIS后，该选项有效；选中该选项之后，组态王工程的发布信息文件被发布到目标目录和与网站对应的虚拟目录中。目标目录：Web发布后，存储Web服务器中组态王工程的发布信息文件的目录。虚拟目录名称/创建虚拟目录：“虚拟目录名称”需要与“创建虚拟目录”复选项搭配使用；选中创建虚拟目录之后虚拟目录名称选项被激活，否则虚拟目录名称无效。2、设置好发布对话框中的选项后，点击“发布”按钮，弹出如图图12-21所示的对话框图12-21发布信息显示界面3、点“开始”按钮，进行所需文件的发布。所有文件发布完成后，显示发布信息总结对话框，如有发布不成功的或注册不成功的文件，会在该对话框