潍坊网站扶植:NodeJS怎样完成WebSocket功效

2018.04.16 WebSocket功效,潍坊网站扶植

188

潍坊网站扶植:NodeJS怎样完成WebSocket功效


  此次潍坊网站扶植给大师带来NodeJS怎样完成WebSocket功效,NodeJS完成WebSocket功效的注重事变有哪些,上面便是实战案例,一路来看一下。

 

  咱们基于express和socket.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('<h1>Welcome Realtime Server</h1>');

 

  });

 


潍坊网站扶植


  io.on('connection',function(socket){

 

  console.log('a user connected');

 

  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('listening on*:3000');

 

  });



潍坊网站扶植公司

 

  客户端代码

 

  <!DOCTYPE html>

 

  <html>

 

  <head>

 

  <meta charset="UTF-8">

 

  <title>Document</title>

 

  <script src=http://www.php.cn/"http://127.0.0.1:3000/socket.io/socket.io.js"></script>

 

  </head>

 

  <body>

 

  <ul id="message"></ul>

 

  <script>

 

  socket=io.connect('ws://127.0.0.1:3000');

 

  socket.emit("message",{"name":navigator.userAgent,"msg":"hello world"});

 

  socket.on("message",function(obj){

 

  console.log(obj);



潍坊扶植网站

 

  });

 

  </script>

 

  </body>

 

  </html>

 

  一个节制台版的谈天室做好了(^o^)/~  

 

  转载请说明:潍坊网站扶植:http://h-waiyucheng.com/newsshow/213.html


关头词

最新案例

接洽德律风 400-6065-301

留言