主頁 > 知識庫 > 基于HTML5的WebSocket的實例代碼

基于HTML5的WebSocket的實例代碼

熱門標簽:跟電銷機器人做同事 中紳電銷智能機器人 鄭州電銷外呼系統(tǒng)違法嗎 濟南辦理400電話 農(nóng)村住宅地圖標注 漳州人工外呼系統(tǒng)排名 ai電銷機器人連接網(wǎng)關(guān) 鶴壁手機自動外呼系統(tǒng)怎么安裝 威海營銷外呼系統(tǒng)招商

基于HTML5的WebSocket的實例代碼

客戶端代碼:

<html>
<head>
<script>
var socket;
if ("WebSocket" in window) {
var ws = new WebSocket("ws://127.0.0.1:8181");
socket = ws;
ws.onopen = function() {
console.log('連接成功');
};
ws.onmessage = function(evt) {
var received_msg = evt.data; 
document.getElementById("showMes").value+=evt.data+"\n";
};
ws.onclose = function() {
alert("斷開了連接");
};
} else {
alert("瀏覽器不支持WebSocket");
}
function login(){
var message=document.getElementById("name").value+":"+document.getElementById("mes").value;
socket.send(message);
}
</script>
</head>
<body>
<textarea rows="3" cols="30" id="showMes" style="width:300px;height:500px;"></textarea>
<br/>
<label>名稱</label>
<input type="text" id="name"/>
<br/>
<label>消息</label>
<input type="text" id="mes"/>
<button onclick="login();">發(fā)送</button>
</body>
</html>

winform服務(wù)端代碼:

注:需先引入Fleck包

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows.Forms;
using Fleck;
namespace socketService
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
CheckForIllegalCrossThreadCalls = false;
}
private void Form1_Load(object sender, EventArgs e)
{
//保存所有連接
var allSockets = new List<IWebSocketConnection>();
//初始化服務(wù)端
var server = new WebSocketServer("ws://0.0.0.0:8181");
//開始監(jiān)聽
server.Start(socket =>
{
//有客戶端連接觸發(fā)
socket.OnOpen = () =>
{
textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 連接 \r\n";
allSockets.Add(socket);
};
//有客戶端斷開觸發(fā)
socket.OnClose = () =>
{
textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 斷開連接 \r\n";
allSockets.Remove(socket);
};
//接收客戶端發(fā)送的消息
socket.OnMessage = message =>
{
textBox3.Text += socket.ConnectionInfo.ClientIpAddress + " 發(fā)送了消息:" + message + "\r\n";
//發(fā)送接收到的消息給所有客戶端
allSockets.ToList().ForEach(s => s.Send(message));
};
});
}
}
}

總結(jié)

以上所述是小編給大家介紹的基于HTML5的WebSocket的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

標簽:咸陽 紅河 營口 惠州 文山 蘇州 萍鄉(xiāng) 甘南

巨人網(wǎng)絡(luò)通訊聲明:本文標題《基于HTML5的WebSocket的實例代碼》,本文關(guān)鍵詞  基于,HTML5,的,WebSocket,實例,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《基于HTML5的WebSocket的實例代碼》相關(guān)的同類信息!
  • 本頁收集關(guān)于基于HTML5的WebSocket的實例代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章