,,

H5 WebSocket 如何和C#進行通信

admin

2019年11月12日 16:21 本文熱度 4348

　　HTML5作為下一代的 Web 標準，擁有許多引人注目的新特性，如 Canvas、本地存儲、多媒體編程接口、WebSocket 等。WebSocket 在瀏覽器和服務器之間提供了一個基于 TCP 連接的雙向通道。Web 開發人員可以非常方便地使用 WebSocket 構建實時 web 應用。HTML5 WebSocket 的目的就是要取代輪詢和 Comet 技術，使客戶端瀏覽器具備像 C/S 架構下桌面系統的實時通訊能力。 WebSocket 在數據傳輸的穩定性和數據傳輸量的大小方面，和輪詢以及 Comet 技術比較，具有很大的性能優勢。

下面給出一個簡單的例子，來說明websocket如何進行前后臺交互：

1 html頁面

首先判斷瀏覽器是否支持WebSocket，如果具有此特征，則打開特定uri，進行數據交互。

 1 <html>
 2 <head>
 3     <script>
 4     var socket ;
 5     if ("WebSocket" in window) {
 6         //alert("WebSocket is supported by your Browser!");
 7         //open web socket
 8         var ws = new WebSocket("ws://localhost:8181/echo");
 9         socket = ws;
10         ws.onopen = function() {
11             // Web Socket is connected, send data using send()
12             // ws.send("Message from client");
13             //console.log(''Message is sent...'');
14         };
15         ws.onmessage = function(evt) {
16             var received_msg = evt.data;
17             //alert("Message is received...");
18            console.log("Server:"+evt.data);
19         };
20         ws.onclose = function() {
21             // websocket is closed.
22             alert("Connection is closed...");
23         };
24     } else {
25         //不支持WebSocket
26         alert("WebSocket not supported by your Browser!");
27     }
28     function login(){
29          socket.send("{\"uid\":\"admin\",\"pwd\":\"admin\"}");
30     }
31     </script>
32 </head>
33   
34 <body>
35   <button οnclick="login();">login</button>
36 </body>
37 
38 </html>

2 C# websocket server

 1 using System;
 2 using Fleck;
 3 using Newtonsoft.Json;
 4 namespace WebSocketNet
 5 {
 6     class Program
 7     {
 8         static void Main(string[] args)
 9         {
10 
11             //Fleck
12             var server = new WebSocketServer("ws://0.0.0.0:8181");
13             server.Start(socket =>
14             {
15                 socket.OnOpen = () =>
16                 {
17                     Console.WriteLine("Open!");
18                     socket.Send("hello");
19                 };
20 
21                 socket.OnClose = () => Console.WriteLine("Close!");
22                 socket.OnMessage = message =>
23                 {
24                     Console.WriteLine(message);
25                     //嘗試用websocket進行登錄
26                     dynamic o = JsonConvert.DeserializeObject<user>(message);
27                     var pwd = o.pwd;
28                     var uid = o.uid;
29                     if (uid == "admin" && uid == "admin")
30                     {
31                         socket.Send("login success");
32                     }
33                     else
34                     {
35                         socket.Send("login fail");
36                     }
37 
38                 };
39 
40             });
41 
42             Console.ReadLine();
43         }
44     }
45    public class user
46     {
47         public string uid { get; set; }
48         public string pwd { get; set; }
49     }
50 }

3 運行

附件：websocket＋html聊天演示.rar

該文章在 2019/11/12 16:21:12 編輯過

關鍵字查詢

web

正在查詢...

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。

公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

H5 WebSocket 如何和C#進行通信