首頁 > web前端 > js教程 > 主體

使用NodeJS如何實作WebSocket功能

亚连
發布: 2018-06-06 11:30:34
原創
1601 人瀏覽過

這篇文章主要介紹了NodeJS簡單實現WebSocket功能,結合具體實例形式分析了nodejs實現WebSocket通信功能的客戶端與伺服器端相關操作技巧,需要的朋友可以參考下

本文實例講述了NodeJS簡單實作WebSocket功能。分享給大家供大家參考,具體如下:

我們基於expresssocket.io開發,首先我們需要安裝以下套件

npm install --save express
npm install --save socket.io
登入後複製

伺服器端程式碼:

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
  res.send(&#39;<h1>Welcome Realtime Server</h1>&#39;);
});
io.on(&#39;connection&#39;, function(socket){
  console.log(&#39;a user connected&#39;);
  socket.on("disconnect", function() {
    console.log("a user go out");
  });
  socket.on("message", function(obj) {
    io.emit("message", obj);
  });
});
http.listen(3000, function(){
  console.log(&#39;listening on *:3000&#39;);
});
登入後複製

客戶端程式碼

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>
</head>
<body>
  <ul id="message"></ul>
  <script>
    socket = io.connect(&#39;ws://127.0.0.1:3000&#39;);
    socket.emit("message", {"name" : navigator.userAgent, "msg" : "hello world"});
    socket.on("message", function(obj) {
      console.log(obj);
    });
  </script>
</body>
</html>
登入後複製

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

如何使用puppeteer破解極驗的滑動驗證碼

在jquery中給動態產生的標籤綁定事件(詳細教學)

在JS中如何改變頁面顏色(詳細教學)

以上是使用NodeJS如何實作WebSocket功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板