Node.js聊天室

2017-04-21_12-15-17.png

npm init

chat/package.json//谢谢 [Symbian米汤] 的提醒，写错了！！！

{
  "name": "chat",
  "version": "1.0.0",
  "description": "my chat",
  "main": "index.js",
  "dependencies": {
    "express":"latest",
    "socket.io":"latest"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "chat"
  ],
  "author": "junchow",
  "license": "ISC"
}

---

npm install

chat/server.js

//加载express模块
var express = require('express');
var app = express();
var server = require('http').createServer(app);
//加载socket.io模块并绑定到服务器
var io = require('socket.io').listen(server);
//指定静态HTML文件位置
app.use('/',express.static(__dirname+'/www'));
server.listen(82);

//socket
io.on('connection',function(socket){
    //接收并处理客户端发送的connect事件
    socket.on('connect',function(data){
        //将消息输出到控制台
        console.log(data);
    });
})

---

chat/www/index.html

    
    
    
    
    
    
    
    
    



    

        
        我的聊天室
        
    
    

         首页
         编辑
         列表
    
    

        

            ![](imgs/avatar.png)
            Junchow
        
        

            
 基本设置
            
 修改密码
            
 修改头像
            
 安全退出
        
    
    

        

            

                
                    ![](/imgs/female.png)
                    爱丽丝
                
                

                    2017-03-08 12:00
                    

                        
                        为什么您的名字有三个金呢？
                    
                
            
            

                
                    ![](imgs/male.png)
                    本
                
                

                    2017-04-15 13:20
                    

                        
                        命里缺水，取名为深。
                    
                
            
        

        

        

            

                

                    
                    
                        发送