socket 실행 절차

그 전에 node. js 환경 설정 1, app. js 에 socket. io 파일 도입 설정

var express = require('express');
var app = express();
var server = require('http').Server(app);(     )
var io = require('socket.io')(server);(     )

2. index. html 에 입력 상자 와 사용 할 단 추 를 기록 합 니 다.

html    
        
          
          
        

js    
var socket = io.connect('http://localhost:9000');
var username = ""
      btn2.onclick = function(){
        username = info.value;
        socket.emit("login",username)
        info.value =""
      }
      btn.onclick = function(){
        socket.emit("info",info.value);
        info.value =""
      }
      socket.on('msg', function (name,data) {
        var node = document.createElement("li")
        if(name == username){
            node.style.textAlign = "right"
        }
        node.innerHTML = name+":"+data;
        ul.appendChild(node);
      });

3、在app.js中监听并广播html发送过来的数据

io.on('connection', function (socket) {
      socket.on("login",function(username){
        socket.name = username;
      });

       socket.on('info', function (data) {
        //console.log(data);
        io.emit("msg",socket.name,data)
      });
});

server.listen(9000);

4. cmd 명령 줄 에서 nodemon app. js 를 실행 하여 브 라 우 저 에서 localhost: 9000 을 엽 니 다.