Home > Article > Web Front-end > How to implement WebSocket function using NodeJS

How to implement WebSocket function using NodeJS

亚连Original: 2018-06-06 11:30:341575browse

This article mainly introduces the simple implementation of WebSocket function by NodeJS, and analyzes the client-side and server-side operation skills of nodejs to implement WebSocket communication function based on specific examples. Friends in need can refer to the examples of this article

Describes the simple implementation of WebSocket function in NodeJS. Share it with everyone for your reference, the details are as follows:

We develop based on express and socket.io. First we need to install the following packages

npm install --save express
npm install --save socket.io

Server-side code:

var app = require(&#39;express&#39;)();
var http = require(&#39;http&#39;).Server(app);
var io = require(&#39;socket.io&#39;)(http);
app.get(&#39;/&#39;, 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;);
});

Client-side code

<!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>

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

How to use puppeteer to crack the sliding verification code of JiExperience

Bind dynamically generated tags in jquery Event (detailed tutorial)

How to change page color in JS (detailed tutorial)

The above is the detailed content of How to implement WebSocket function using NodeJS. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to use $refsNext article：How to use $refs

See more

How to implement WebSocket function using NodeJS

Related articles