devbox
花生_TL007
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

基于C#的简单http服务器，用于多台工控机数据的监控_winform监测多台设备信息

作者：花生_TL007 | 2024-03-16 21:38:55

赞

踩

winform监测多台设备信息

      最近工作在公司有这么一个需求：在公司车间有多台电脑运行着视觉检测程序，我们在办公室的时候需要清楚车间程序的运行状态（比如NG率等等）。

需求分析：多台电脑的数据上传到一台电脑，那么需要一台服务器，上传的数据可以被多个人看到，最好是以网页的形式，谁都可以访问。这个貌似涉及到服务器(后台)、网站(前端)，虽然自己平时的工作也算是大杂烩，但是涉及面比较广，还是挺有难度的。

最后得出的方案：在办公室使用一台电脑作为服务器，车间电脑使用http协议上传数据到服务器。然后再写一个简单的网页，访问服务器，返回JSON数据，显示出来。这个网站架设在服务器电脑上，使用Windows自带的IIS。


（一）、IIS设置

                   进入【控制面板】-【程序】，选中《打开或关闭Windows功能》


打开之后，选中其中两项（红色方框）




点击确定之后，等待几分钟，在C盘目录下生成inetpub文件夹，点击进去，有5个文件夹



等下写好的html文件就放在 wwwroot文件夹下，这时候可以在浏览器中输入自己的IP（或者localhost）来访问,，比如直接输入109.17.86.100回车即可出现网页

注意：第一步我们把网站架设好了，网站内容待会解释哈。


（二）服务器

http服务器可以使用Java编写，但是Windows下.NET平台编写很方便

        http服务器作用：保存上传的数据，提供网站访问(我监听了2个端口)

       直接贴代码：

  1. <span style="font-size:14px;">using System;
  2. using System.Collections.Generic;
  3. using System.ComponentModel;
  4. using System.Data;
  5. using System.Drawing;
  6. using System.Linq;
  7. using System.Text;
  8. using System.Windows.Forms;
  9.  
  10. using System.Net;
  11. using System.Net.Sockets;
  12. using System.IO;
  13. using System.Threading;
  14.  
  15. namespace Vision_Server
  16. {
  17.     public partial class Form1 : Form
  18.     {
  19.         String[] NGString=new String[39];
  20.         String[] FailString = new String[39];
  21.         String[] TimeString = new String[39];
  22.  
  23.         Thread uploadThread;
  24.         Thread downloadThread;
  25.         
  26.         public Form1()
  27.         {
  28.             InitializeComponent();
  29.         }
  30.  
  31.  
  32.         private void Form1_Load(object sender, EventArgs e)
  33.         {
  34.  
  35.             for (int i = 0; i < 39; i++)
  36.             {
  37.                 NGString[i] = "*";
  38.                 FailString[i] = "*";
  39.                 TimeString[i] = "*";
  40.             }
  41.  
  42.             for (int i = 1; i < 40; i++)
  43.             {
  44.                 dataGridView_AAM.Rows.Add(i.ToString() + "#", "*", "*", "*", "*");
  45.  
  46.             }
  47.             //上传数据服务
  48.             uploadThread = new Thread(new ThreadStart(uploadPro));
  49.             uploadThread.Start();
  50.  
  51.             //下载数据服务
  52.             downloadThread = new Thread(new ThreadStart(downloadPro));
  53.             downloadThread.Start();
  54.         }
  55.  
  56.         private void uploadPro()
  57.         {
  58.  
  59.             using (HttpListener listerner = new HttpListener())
  60.             {
  61.                 listerner.AuthenticationSchemes = AuthenticationSchemes.Anonymous;//指定身份验证 Anonymous匿名访问
  62.                 listerner.Prefixes.Add("http://109.17.86.92:8080/server/");
  63.                 listerner.Start();
  64.                 while (true)
  65.                 {
  66.                     //等待请求连接
  67.                     //没有请求则GetContext处于阻塞状态
  68.                     HttpListenerContext ctx = listerner.GetContext();
  69.                     ctx.Response.StatusCode = 200;//设置返回给客服端http状态代码
  70.                     try
  71.                     {
  72.                         string pro = ctx.Request.QueryString["pro"];
  73.                         string line = ctx.Request.QueryString["line"];
  74.                         string NG = ctx.Request.QueryString["NG"];
  75.                         string fail = ctx.Request.QueryString["fail"];
  76.                         printLog(" pro=" + pro + " line=" + line + " NG=" + NG + " Fail=" + fail);
  77.                         if (pro == "AAM")
  78.                         {
  79.                             int lineIndex = int.Parse(line) - 1;
  80.  
  81.                             dataGridView_AAM.Rows[lineIndex].Cells[1].Value = NG;
  82.                             dataGridView_AAM.Rows[lineIndex].Cells[2].Value = fail;
  83.                             dataGridView_AAM.Rows[lineIndex].Cells[3].Value = DateTime.Now.ToString();
  84.  
  85.                             NGString[lineIndex] = NG;
  86.                             FailString[lineIndex] = fail;
  87.                             TimeString[lineIndex] = DateTime.Now.ToString();
  88.  
  89.                         }
  90.  
  91.                         //使用Writer输出http响应代码
  92.  
  93.                         using (StreamWriter writer = new StreamWriter(ctx.Response.OutputStream))
  94.                         {
  95.  
  96.                             writer.WriteLine("OK");
  97.                             //writer.Close();
  98.                             // ctx.Response.Close();
  99.                         }
  100.                     }
  101.                     catch (Exception ex)
  102.                     {
  103.                         printLog(ex.Message);
  104.                     }
  105.  
  106.                 }
  107.                 listerner.Stop();
  108.             }
  109.       
  110.         }
  111.  
  112.         private void downloadPro()
  113.         {
  114.  
  115.             using (HttpListener listerner = new HttpListener())
  116.             {
  117.                 listerner.AuthenticationSchemes = AuthenticationSchemes.Anonymous;//指定身份验证 Anonymous匿名访问
  118.                 listerner.Prefixes.Add("http://109.17.86.92:8888/web/");
  119.                 listerner.Start();
  120.                 while (true)
  121.                 {
  122.                     //等待请求连接
  123.                     //没有请求则GetContext处于阻塞状态
  124.                     HttpListenerContext ctx = listerner.GetContext();
  125.                     ctx.Response.StatusCode = 200;//设置返回给客服端http状态代码
  126.                     try
  127.                     {
  128.                         int locationY = int.Parse(ctx.Request.QueryString["locationY"]);
  129.  
  130.                         //使用Writer输出http响应代码
  131.                         using (StreamWriter writer = new StreamWriter(ctx.Response.OutputStream))
  132.                         {
  133.  
  134.                             String retString = "";
  135.                             //返回AAM数据json
  136.                             retString += "{";
  137.                             retString += addMarks("AAM") + ":";
  138.                             retString += "[";
  139.                             for (int i = 1; i < 40; i++)
  140.                             {
  141.                                 retString += "{";
  142.                                 retString += addMarks("line") + ":" + addMarks(i.ToString()) + ",";
  143.                                 retString += addMarks("pro") + ":" + addMarks("AAM") + ",";
  144.                                 retString += addMarks("NG") + ":" + addMarks(NGString[i - 1]) + ",";
  145.                                 retString += addMarks("fail") + ":" + addMarks(FailString[i - 1]) + ",";
  146.                                 retString += addMarks("time") + ":" + addMarks(TimeString[i - 1]);
  147.                                 retString += "}";
  148.                                 if (i != 39)
  149.                                     retString += ",";
  150.                             }
  151.                             retString += "]";
  152.                             retString += ",";
  153.                             retString += addMarks("locationY") + ":" + addMarks(locationY.ToString());
  154.                             retString += "}";
  155.                             writer.WriteLine(retString);
  156.                             writer.Close();
  157.                             ctx.Response.Close();
  158.  
  159.                         }
  160.  
  161.                     }
  162.                     catch(Exception ex)
  163.                     {
  164.                         printLog(ex.Message);
  165.                     }
  166.                 }
  167.                 listerner.Stop();
  168.             }
  169.  
  170.             
  171.  
  172.          }
  173.  
  174.         private String addMarks(String s)
  175.         {
  176.             return "\"" + s + "\"";
  177.         }
  178.  
  179.         private void printLog(String str)
  180.         {
  181.             CheckForIllegalCrossThreadCalls = false;
  182.             if (textBox_log.Lines.Length  > 30)
  183.             {
  184.                 textBox_log.Text = "";
  185.             }
  186.             String time = DateTime.Now.ToShortTimeString();
  187.             textBox_log.Text += time+">" + str + "\r\n";
  188.  
  189.         }
  190.  
  191.         private void button_exit_Click(object sender, EventArgs e)
  192.         {
  193.  
  194.             uploadThread.Abort();
  195.             downloadThread.Abort();
  196.             Application.Exit();
  197.         }
  198.   
  199.     }
  200. }</span><span style="font-weight: bold; font-size: 24px;">
  201. </span>
界面效果



（三）、web站点

上面的服务器界面只有一台电脑可以显示，为了可以一网页的形式共享，编写一个网页

网页定时刷新，拉去数据到表格中显示

上代码：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8.  
  9. <title>Vision监控</title>
  10.  
  11. <style type="text/css">
  12.  
  13. .go_no {
  14.  
  15. 	background-color: #FF3;
  16.  
  17. }
  18.  
  19. #apDiv1 {
  20. 	position:absolute;
  21. 	width:200px;
  22. 	height:115px;
  23. 	z-index:1;
  24. 	left: 526px;
  25. 	top: 91px;
  26. }
  27.  
  28. .mytitle {
  29. 	color: #0F0;
  30. }
  31. #AAMTable {
  32. 	color: #00F;
  33. }
  34. </style></head>
  35.  
  36. <center>
  37. <body>
  38. <p><strong class="mytitle">AAM 复合化程序监控(自动刷新)</strong></p>
  39. <table   id="AAMTable" border="1">
  40.   <tr>
  41.     <th width="50" align="center" scope="col">line</th>
  42.     <th width="100" align="center" scope="col">GO-NO</th>
  43.     <th width="50" align="center" scope="col">Fail</th>
  44.     <th width="150" align="center" scope="col">time</th>
  45.   </tr>
  46.   <tr>
  47.     <td align="center">1#</td>
  48.     <td align="center" id="AAMTable"> </td>
  49.     <td align="center" id="AAMTable"> </td>
  50.     <td align="center" id="AAMTable"> </td>
  51.   </tr>
  52.   <tr>
  53.     <td align="center">2#</td>
  54.     <td align="center" id="AAMTable"> </td>
  55.     <td align="center" id="AAMTable"> </td>
  56.     <td align="center" id="AAMTable"> </td>
  57.   </tr>
  58.   <tr>
  59.     <td align="center">3#</td>
  60.     <td align="center" id="AAMTable"> </td>
  61.     <td align="center" id="AAMTable"> </td>
  62.     <td align="center" id="AAMTable"> </td>
  63.   </tr>
  64.   <tr>
  65.     <td align="center">4#</td>
  66.     <td align="center" id="AAMTable"> </td>
  67.     <td align="center" id="AAMTable"> </td>
  68.     <td align="center" id="AAMTable"> </td>
  69.   </tr>
  70.   <tr>
  71.     <td align="center">5#</td>
  72.     <td align="center" id="AAMTable"> </td>
  73.     <td align="center" id="AAMTable"> </td>
  74.     <td align="center" id="AAMTable"> </td>
  75.   </tr>
  76.   <tr>
  77.     <td align="center">6#</td>
  78.     <td align="center" id="AAMTable"> </td>
  79.     <td align="center" id="AAMTable"> </td>
  80.     <td align="center" id="AAMTable"> </td>
  81.   </tr>
  82.   <tr>
  83.     <td align="center">7#</td>
  84.     <td align="center" id="AAMTable"> </td>
  85.     <td align="center" id="AAMTable"> </td>
  86.     <td align="center" id="AAMTable"> </td>
  87.   </tr>
  88.   <tr>
  89.     <td align="center">8#</td>
  90.     <td align="center" id="AAMTable"> </td>
  91.     <td align="center" id="AAMTable"> </td>
  92.     <td align="center" id="AAMTable"> </td>
  93.   </tr>
  94.   <tr>
  95.     <td align="center">9#</td>
  96.     <td align="center" id="AAMTable"> </td>
  97.     <td align="center" id="AAMTable"> </td>
  98.     <td align="center" id="AAMTable"> </td>
  99.   </tr>
  100.   <tr>
  101.     <td align="center">10#</td>
  102.     <td align="center" id="AAMTable"> </td>
  103.     <td align="center" id="AAMTable"> </td>
  104.     <td align="center" id="AAMTable"> </td>
  105.   </tr>
  106.   <tr>
  107.     <td align="center">11#</td>
  108.     <td align="center" id="AAMTable"> </td>
  109.     <td align="center" id="AAMTable"> </td>
  110.     <td align="center" id="AAMTable"> </td>
  111.   </tr>
  112.   <tr>
  113.     <td align="center">12#</td>
  114.     <td align="center" id="AAMTable"> </td>
  115.     <td align="center" id="AAMTable"> </td>
  116.     <td align="center" id="AAMTable"> </td>
  117.   </tr>
  118.   <tr>
  119.     <td align="center">13#</td>
  120.     <td align="center" id="AAMTable"> </td>
  121.     <td align="center" id="AAMTable"> </td>
  122.     <td align="center" id="AAMTable"> </td>
  123.   </tr>
  124.   <tr>
  125.     <td align="center">14#</td>
  126.     <td align="center" id="AAMTable"> </td>
  127.     <td align="center" id="AAMTable"> </td>
  128.     <td align="center" id="AAMTable"> </td>
  129.   </tr>
  130.   <tr>
  131.     <td align="center">15#</td>
  132.     <td align="center" id="AAMTable"> </td>
  133.     <td align="center" id="AAMTable"> </td>
  134.     <td align="center" id="AAMTable"> </td>
  135.   </tr>
  136.   <tr>
  137.     <td align="center">16#</td>
  138.     <td align="center" id="AAMTable"> </td>
  139.     <td align="center" id="AAMTable"> </td>
  140.     <td align="center" id="AAMTable"> </td>
  141.   </tr>
  142.   <tr>
  143.     <td align="center">17#</td>
  144.     <td align="center" id="AAMTable"> </td>
  145.     <td align="center" id="AAMTable"> </td>
  146.     <td align="center" id="AAMTable"> </td>
  147.   </tr>
  148.   <tr>
  149.     <td align="center">18#</td>
  150.     <td align="center" id="AAMTable"> </td>
  151.     <td align="center" id="AAMTable"> </td>
  152.     <td align="center" id="AAMTable"> </td>
  153.   </tr>
  154.   <tr>
  155.     <td align="center">19#</td>
  156.     <td align="center" id="AAMTable"> </td>
  157.     <td align="center" id="AAMTable"> </td>
  158.     <td align="center" id="AAMTable"> </td>
  159.   </tr>
  160.   <tr>
  161.     <td align="center">20#</td>
  162.     <td align="center" id="AAMTable"> </td>
  163.     <td align="center" id="AAMTable"> </td>
  164.     <td align="center" id="AAMTable"> </td>
  165.   </tr>
  166.   <tr>
  167.     <td align="center">21#</td>
  168.     <td align="center" id="AAMTable"> </td>
  169.     <td align="center" id="AAMTable"> </td>
  170.     <td align="center" id="AAMTable"> </td>
  171.   </tr>
  172.   <tr>
  173.     <td align="center">22#</td>
  174.     <td align="center" id="AAMTable"> </td>
  175.     <td align="center" id="AAMTable"> </td>
  176.     <td align="center" id="AAMTable"> </td>
  177.   </tr>
  178.   <tr>
  179.     <td align="center">23#</td>
  180.     <td align="center" id="AAMTable"> </td>
  181.     <td align="center" id="AAMTable"> </td>
  182.     <td align="center" id="AAMTable"> </td>
  183.   </tr>
  184.   <tr>
  185.     <td align="center">24#</td>
  186.     <td align="center" id="AAMTable"> </td>
  187.     <td align="center" id="AAMTable"> </td>
  188.     <td align="center" id="AAMTable"> </td>
  189.   </tr>
  190.   <tr>
  191.     <td align="center">25#</td>
  192.     <td align="center" id="AAMTable"> </td>
  193.     <td align="center" id="AAMTable"> </td>
  194.     <td align="center" id="AAMTable"> </td>
  195.   </tr>
  196.   <tr>
  197.     <td align="center">26#</td>
  198.     <td align="center" id="AAMTable"> </td>
  199.     <td align="center" id="AAMTable"> </td>
  200.     <td align="center" id="AAMTable"> </td>
  201.   </tr>
  202.   <tr>
  203.     <td align="center">27#</td>
  204.     <td align="center" id="AAMTable"> </td>
  205.     <td align="center" id="AAMTable"> </td>
  206.     <td align="center" id="AAMTable"> </td>
  207.   </tr>
  208.   <tr>
  209.     <td align="center">28#</td>
  210.     <td align="center" id="AAMTable"> </td>
  211.     <td align="center" id="AAMTable"> </td>
  212.     <td align="center" id="AAMTable"> </td>
  213.   </tr>
  214.   <tr>
  215.     <td align="center">29#</td>
  216.     <td align="center" id="AAMTable"> </td>
  217.     <td align="center" id="AAMTable"> </td>
  218.     <td align="center" id="AAMTable"> </td>
  219.   </tr>
  220.   <tr>
  221.     <td align="center">30#</td>
  222.     <td align="center" id="AAMTable"> </td>
  223.     <td align="center" id="AAMTable"> </td>
  224.     <td align="center" id="AAMTable"> </td>
  225.   </tr>
  226.   <tr>
  227.     <td align="center">31#</td>
  228.     <td align="center" id="AAMTable"> </td>
  229.     <td align="center" id="AAMTable"> </td>
  230.     <td align="center" id="AAMTable"> </td>
  231.   </tr>
  232.   <tr>
  233.     <td align="center">32#</td>
  234.     <td align="center" id="AAMTable"> </td>
  235.     <td align="center" id="AAMTable"> </td>
  236.     <td align="center" id="AAMTable"> </td>
  237.   </tr>
  238.   <tr>
  239.     <td align="center">33#</td>
  240.     <td align="center" id="AAMTable"> </td>
  241.     <td align="center" id="AAMTable"> </td>
  242.     <td align="center" id="AAMTable"> </td>
  243.   </tr>
  244.   <tr>
  245.     <td align="center">34#</td>
  246.     <td align="center" id="AAMTable"> </td>
  247.     <td align="center" id="AAMTable"> </td>
  248.     <td align="center" id="AAMTable"> </td>
  249.   </tr>
  250.   <tr>
  251.     <td align="center">35#</td>
  252.     <td align="center" id="AAMTable"> </td>
  253.     <td align="center" id="AAMTable"> </td>
  254.     <td align="center" id="AAMTable"> </td>
  255.   </tr>
  256.   <tr>
  257.     <td align="center">36#</td>
  258.     <td align="center" id="AAMTable"> </td>
  259.     <td align="center" id="AAMTable"> </td>
  260.     <td align="center" id="AAMTable"> </td>
  261.   </tr>
  262.   <tr>
  263.     <td align="center">37#</td>
  264.     <td align="center" id="AAMTable"> </td>
  265.     <td align="center" id="AAMTable"> </td>
  266.     <td align="center" id="AAMTable"> </td>
  267.   </tr>
  268.   <tr>
  269.     <td align="center">38#</td>
  270.     <td align="center" id="AAMTable"> </td>
  271.     <td align="center" id="AAMTable"> </td>
  272.     <td align="center" id="AAMTable"> </td>
  273.   </tr>
  274.   <tr>
  275.     <td align="center">39#</td>
  276.     <td align="center" id="AAMTable"> </td>
  277.     <td align="center" id="AAMTable"> </td>
  278.     <td align="center" id="AAMTable"> </td>
  279.   </tr>
  280. </table>
  281. <p> </p>
  282.  
  283. </body>
  284. </center>
  285. </html>
  286.  
  287.  
  288. <script type=text/javascript> 
  289. var locationY=50;
  290. function timedGetText(){
  291. 	locationY=document.getElementById("AAMTable").offsetTop;
  292. 	var url="http://109.17.86.92:8888/web/?locationY=" + locationY;  //服务器地址
  293. 	var time=400;
  294.     var request = new XMLHttpRequest();
  295.     var timeout = false;
  296. 	//访问限时，限时长为200ms
  297.     var timer = setTimeout( function(){
  298.         timeout = true;
  299.         request.abort();
  300.     }, time );
  301.     request.open( "GET", url );
  302.     request.onreadystatechange = function(){
  303.         if( request.readyState !== 4 ) return;
  304.         if( timeout ) return;
  305.         clearTimeout( timer );
  306.         if( request.status === 200 ){
  307. 				//数据返回成功
  308.             	 var obj =JSON.parse(request.responseText );  //将JSON字符串转换成JSON对象
  309. 				 
  310. 	             for(var i=0;i<39;i++)
  311. 	             {
  312. 		            var fail=obj.AAM[i].fail;
  313. 	 	            var NG=obj.AAM[i].NG;
  314. 					var time=obj.AAM[i].time;
  315. 					
  316. 					//表格操作
  317. 					document.getElementById("AAMTable").rows[i+1].cells[1].innerHTML=NG;
  318. 					document.getElementById("AAMTable").rows[i+1].cells[2].innerHTML=fail;
  319. 					document.getElementById("AAMTable").rows[i+1].cells[3].innerHTML=time;
  320. 	 			}
  321. 				var retlocationY=obj.locationY;
  322. 				window.scrollBy(0,retlocationY);
  323.         }
  324.     }
  325.     request.send( null );
  326. }
  327.  
  328. timedGetText();
  329. function myrefresh()
  330. {   //刷新页面
  331. 	window.location.reload();
  332. }
  333. setInterval('myrefresh()',2000);   //定时刷新页面，2s一次
  334.  
  335. </script>
  336.

网页效果：




声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/252146
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号