濰坊網站建設: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://www.144610.tw/newsshow/213.html


關鍵詞

最新案例

聯系電話 400-6065-301

留言

(-^O^-)MG魔术兔_官方版 华东15选5玩法 98游戏万炮千炮捕鱼游戏下载 东北棋牌游戏软件 浙江11选5什么时候开始 赛车pk10微信群计划群 91街机捕鱼平台 内蒙快3走势图基本走势 大嘴棋牌游戏中心 手机麻将开挂软件 时时彩软件吧后二 山西快乐十分直播开奖 成都麻将下载手机版 江西11选5什么时间开售 网上棋牌作弊视频 排列三3天独胆计划必出 辽宁福彩35 7走势图