欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

nodejs中怎么利用websocket實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天系統(tǒng)

nodejs中怎么利用websocket實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天系統(tǒng)，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問題。

目前成都創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、棗強(qiáng)網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

client.html:

<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
 <style>
 .kuang {
  width: 600px;
  min-height: 50px;
  max-height: 296px;
  border: 1px solid;
  float: left;
  display: block;
  position: relative;
  overflow-y: scroll;
 }

 .value {
  width: 200px;
 }

 .input {
  display: block;
  position: absolute;
  left: 0;
  margin-top: 300px;
 }
 </style>
</head>

<body>
 <label>連接用戶:</label>
 <input type="text" id="name" />
 <button id="conn">連接</button>
 <button id="close">斷開</button><br/><br/>
 <div class="kuang" id="mess"></div>
 <div class="input">
 <input type="text" class="value" id="value1" />
 <button id="send">發(fā)送</button>
 </div>
 <script>
 var input = document.getElementById("name");
 var conn = document.getElementById("conn");
 var close = document.getElementById("close");
 var mess = document.getElementById("mess");
 var value1 = document.getElementById("value1");
 var pattern = /^[\u4e00-\u9fa5]{2,10}$/;

 close.disabled = true;
 if (window.WebSocket) {
  conn.onclick = function () {
  if (!pattern.test(input.value)) {
   alert("名稱不能為空且必須為中文");
   return;
  }
  var ws = new WebSocket('ws://127.0.0.1:8082');
  conn.disabled = true;
  close.disabled = false;
  ws.onopen = function (e) {
   console.log("連接服務(wù)器成功");
   ws.send(input.value);
   input.setAttribute("readOnly", 'true');
   value1.setAttribute("readOnly", 'true');
  }
  ws.onmessage = function (e) {
   value1.removeAttribute("readOnly");
   var time = new Date();
   mess.innerHTML += time.toUTCString() + ":" + e.data + "<br>";
   document.getElementById("send").onclick = function (e) {
   ws.send(input.value + "說(shuō):" + value1.value);
   value1.value = " ";
   }
   document.onkeydown = function (e) {
   e = e || window.event;
   if (e.keyCode == 13) {
    document.getElementById("send").onclick();
    return false;
   }
   }
  }
  ws.onclose = function (e) {
   console.log("服務(wù)器關(guān)閉");
  }
  ws.onerror = function () {
   console.log("連接出錯(cuò)");
  }
  /**
   * 客戶端主動(dòng)斷開連接
   * 
   * **/
  close.onclick = function () {
   ws.onclose();
   ws.send(input.value + 'close' + "了連接");
   input.removeAttribute("readOnly");
   conn.disabled = false;
   close.disabled = true;
  }

  }


 }
 </script>
</body>

</html>

 只能說(shuō)界面丑陋忽略它。
server.js:

var ws = require("nodejs-websocket");
console.log("開始建立連接...");
var str1 = null, str2 = null, clientReady = false, serverReady = false;
var a = [];
var server = ws.createServer(function (conn) {
 conn.on('text', function (str) {
 a.push(str);
 if (!clientReady) {
  if (a[0] === str) {
  str1 = conn;
  clientReady = true;
  str1.sendText("歡迎你" + str);

  }
 } else if (!serverReady) {
  if (str.indexOf('close') >= 0) {
  a.splice(2, 1);
  clientReady = false;
  str1 = null;
  return;
  }
  if (a[1] === str) {
  str2 = conn;
  serverReady = true;
  str2.sendText("歡迎你" + str);
  str1.sendText(str + "在線啦，你們可以聊天啦");
  return;
  }
 } else if (clientReady && serverReady) {
  str2.sendText(str);
  str1.sendText(str);
  if (str.indexOf('close') >= 0) {
  a.splice(2, a.length);
  var len = a.length;
  for (var i = 0; i < len; i++) {
   // 定位該元素位置
   if (str.indexOf(a[i]) >= 0) {
   a.splice(i, 1);
   if (i == 0) {
    str1 = str2;
   }
   serverReady = false;
   str2 = null;
   return;
   }

  }
  }
 }


 })

 conn.on("close", function (code, reason) {
 console.log("關(guān)閉連接");
 clientReady = false;
 serverReady = false;
 })
 conn.on("error", function (code, reason) {
 console.log("異常關(guān)閉");
 });
}).listen(8082);
console.log("websocket連接完畢")

簡(jiǎn)單的截圖說(shuō)明一下：

nodejs中怎么利用websocket實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天系統(tǒng) nodejs中怎么利用websocket實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天系統(tǒng)

nodejs中怎么利用websocket實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天系統(tǒng)

開啟服務(wù)，相同頁(yè)面執(zhí)行兩遍，就可以聊天啦。反正過(guò)程就是這樣。就是還有一個(gè)大的問題。比如我a斷開連接了，只有b一個(gè)人在連接巨人b還能發(fā)信息，可以發(fā)信息算可以吧。居然b自己接收自己的信息。那就不能忍了。

nodejs中怎么利用websocket實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天系統(tǒng)

看完上述內(nèi)容，你們掌握nodejs中怎么利用websocket實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天系統(tǒng)的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文名稱：nodejs中怎么利用websocket實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天系統(tǒng)
當(dāng)前鏈接：http://aaarwkj.com/article32/isgppc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、用戶體驗(yàn)、電子商務(wù)、小程序開發(fā)、網(wǎng)站排名、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
亚洲精品综合在线二区| 一区中文字幕人妻少妇| 欧美日韩男女性生活视频| 中文字幕丝袜精品久久| 色噜噜男人的天堂av| 91精品午夜在线观看| 国产精品亚洲精品日韩在线| 成人黄色av免费在线观看| 亚洲精品综合在线二区| 亚洲欧美丝袜清纯另类| 国产日韩亚洲欧美精品专区| 91精品人妻一区二区| 日韩精品人妻一区二区三区蜜桃臀 | 欧美精品一区二区久久| 欧美色一区二区三区四区| 日本激情诱惑免费在线播放| 日韩人妻中文字幕专区| 美女呻吟被爽到高潮在线| 欧美av一区二区三区四区| av国产剧情在线观看| 老司机精品成人免费视频| 人妖伪娘在线观看一区二区三区| 少妇人妻精品一区二区三| 久草午夜福利视频免费观看| 日韩精品视频在线观看| 欧美日韩成人精品一区二区| 丝袜美腿美女日韩在线| 国产精品夜色一区二区三区不卡| 亚洲黄色av网站在线| 国产欧美成人综合色就色| 巨乳人妻一区二区三区| 欧美日韩激情中文字幕| 国产精品一区二区国产激情久久| 国产婷婷成人久久av免费高清| 日韩免费系列一区二区| 亚洲日本熟妇在线视频| 亚洲欧美日韩颜射极品| 午夜福利日本一区二区| 亚洲精品亚洲一区亚洲二区| 亚洲欧美天堂一区二区| 极品少妇高潮在线观看免费|