H5 WebSocket 如何和C#進(jìn)行通信
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
HTML5作為下一代的 Web 標(biāo)準(zhǔn)， 擁有許多引人注目的新特性，如 Canvas、本地存儲(chǔ)、多媒體編程接口、WebSocket 等。WebSocket 在瀏覽器和服務(wù)器之間提供了一個(gè)基于 TCP 連接的雙向通道。Web 開發(fā)人員可以非常方便地使用 WebSocket 構(gòu)建實(shí)時(shí) web 應(yīng)用。HTML5 WebSocket 的目的就是要取代輪詢和 Comet 技術(shù)，使客戶端瀏覽器具備像 C/S 架構(gòu)下桌面系統(tǒng)的實(shí)時(shí)通訊能力。 WebSocket 在數(shù)據(jù)傳輸?shù)姆€(wěn)定性和數(shù)據(jù)傳輸量的大小方面，和輪詢以及 Comet 技術(shù)比較，具有很大的性能優(yōu)勢(shì)。 下面給出一個(gè)簡(jiǎn)單的例子，來說明websocket如何進(jìn)行前后臺(tái)交互： 1 html頁面 首先判斷瀏覽器是否支持WebSocket，如果具有此特征，則打開特定uri，進(jìn)行數(shù)據(jù)交互。 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進(jìn)行登錄
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 運(yùn)行
該文章在 2019/11/12 16:21:12 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
1359.png)