一、 應用背景
在很多應用場合，客戶需要遠程監視并操作現場的設備數據，就傳輸媒介而言，現代通信技術為遠程監控提供了許多技術手段，比如大家熟知的數傳電臺、電話撥號、GPRS等比較傳統也是應用比較多的方式，再比如現在比較流行的移動3G通信技術、工業以太網方案。都為自動化行業遠程監控提供了多樣化的遠程監控途徑。
但是無論采用哪一種遠程監控方案，都需要監控端安裝特定的軟件甚至設備方可完成遠程監控。在所有的遠程監控方案中，無論是從設備投入成本還是從使用的便捷性來講，WEBSERVER無疑是最具性價比的方案。如果HMI具備了WEBSERVER的功能，那么無論是何人何地，只要電腦能夠接入以太網，那么就可以通過網頁瀏覽器，比如IE,FIREFOX等瀏覽器軟件遠程查看設備的動態數據。了解設備運行的最新動態。
二、 WEBSERVER技術方案
維控人機界面WEBSERVER技術方案有兩種方案可供客戶選擇，一種靜態網頁，一種用戶自定義網頁。
HMI WEBSERVER網絡拓撲圖
HMI WEBSERVER的技術原理
HMI內置一個專門的WEB服務器負責接收來自網頁瀏覽器的請求。當客戶接到WEB響應請求時，HMI將按如下流程進行響應。
靜態網頁
靜態網頁是HMI收到WEB訪問請求之時，HMI根據客戶所做的設置自動生成的網頁。這個網頁的格式比較簡單而且固定，但可以顯示客戶所需要的數據。客戶也可以同這個網頁來操作HMI。實現遠程監控
用戶自定義網頁
用戶自己制作網頁，把制作好的網頁放入到HMI，當客戶通過WEB訪問HMI時，那么可以在用戶的網頁瀏覽器上顯示用戶事先制作好的網頁。
三、 維控人機界面WEBSERVER應用案例點評
如果要使用HMI的webserver功能，那么您所選購的HMI型號必須支持以太網。維控除了4.3寸以外，其他型號均可支持以太網。LEVISTUDIO的版本必須是2010年9月份以后公布的版本，之前的版本無法支持WEBSERVER。
首先要設置好HMI的以太網，并啟用WEBSERVER功能。
如果是自定義網頁
1、 安裝完LEVI軟件后，新建工程,然后在工程目錄下建立一個“UserASP”這個文件夾。將用戶自己做好的網頁放入這個文件夾下。注意，一定要有一個“home.asp”文件。否則將使用默認的網頁文件。(必須注意每個文件大小不能太大,整體大小不能超過4M)
2、 LEVI軟件中 將此打開，即可使用webserver功能。
3、 若將此選項打開，即可將webserver功能加入密碼。若有客戶通過瀏覽器訪問此主機時，將會提示輸入密碼。默認用戶名為admin，默認密碼為999999999，若修改密碼，必須牢記密碼，若將密碼遺忘，則無法登陸服務器。其中asp對應修改密碼的語句為：
<FORM id="Form1" action="/WeconHmi/WeconWebPasswordModify" method="post">
請輸入密碼:<input type="password" name="NewPassworda" ID="Password1">
請在確認一次密碼:<input type="password" name="NewPasswordb" ID="Password2">
<td ALIGN="CENTER"><input type="submit" name="NewPasswordEnter" value="OK" size="50" ID="Submit1"></td>
密碼共需要輸入2次一樣的才被修改</P>
</FORM>
4、 使用自定義網頁必須使用高級功能：
5、
6、 ASP索引就是在網頁中遇到此一致的內容將被替換成數據，例如上圖中，在ASP網頁中插入{=vw0=},遇到此標示符后,將被修改成數據。注意：在制作ASP網頁時一定要使用{= =}這個標志,將索引的內容放在{= =}這個里面，才會被修改。
7、 可以在ASP網頁中提交數據，若不希望提交，可以將其設置為只讀。
8、 輸入下限和上限就是用戶在提交數據的過程中。允許的最大和最小值
9、 通過WEBSERVER提交數據到PLC的代碼參考：
<FORM id="Form2" action="/WeconHmi/WeconWebUserModifyPLC" method="post">
<P>修改vw0對應的數據<INPUT id="1" name="vw0">輸入數據后,按回車即可提交, 在工程可以讓其數據只讀,不允許被修改</P>
</FORM>
10、 也可以將網頁文件放在CF卡上。通過 這里即可設置。
11、 網頁文件在工程內，圖片在CF卡，在網頁文件編寫時，將路徑改為cfweb即可。
用戶管理功能：
1、默認用戶名admin，權限最高，不能刪除，不能修改自身等級，不能修改名字，只能修改密碼。
2、新建用戶（權限1），必須輸入NewLoginUserName 和NewLogPassWordA和 NewLogPassWordB 和UserCompetence
3、刪除用戶(權限1)，必須輸入OriginalLoginUserName
4、修改用戶名(權限1)，必須輸入OriginalLoginUserName和NewLoginUserName
5、修改密碼(權限1可以修改任何人密碼（不需要原始密碼，若修改自身密碼，需要原始密碼）,而普通用戶只能修改自身密碼且需要原始密碼)
必須輸入OriginalLoginUserName,和OriginalLogPassWord 和NewLogPassWordA和NewLogPassWordB(超級用戶修改自身需要密碼,修改同等級需要密碼,修改低級用戶不需要密碼)
6、修改權限(權限1)必須輸入OriginalLoginUserName和UserCompetence
<!－－{=UserLoginCompetence=123=}－－>
