Rumah  >  Artikel  >  hujung hadapan web  >  使用NodeJS如何实现WebSocket功能

使用NodeJS如何实现WebSocket功能

亚连
亚连asal
2018-06-06 11:30:341576semak imbas

这篇文章主要介绍了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中如何改变页面颜色(详细教程)

Atas ialah kandungan terperinci 使用NodeJS如何实现WebSocket功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:如何使用$refsArtikel seterusnya:vue做出选项卡切换