Nodejs + WebSocket + Vue 实现多人聊天室- 第二章(1)，web开发学习过程

脚手架搭建项目也是非常好用，简单命令即可搞定

vue init webpack web-im

然后一路向下，填写项目名称，描述，作者等等信息，完成安装。

现在都可以自动安装模块了，当然，你可以可以到目录下面执行npm install

cd web-im

npm install

这就是整个生成后的项目结构。

WebSocket服务端

在项目根目录下新建server/index.js文件。

这就是整个生成后的项目结构。

WebSocket服务端

在项目根目录下新建server/index.js文件。

var ws = require(“nodejs-websocket”);

// 这里用到了moment，请大家自行安装

var moment = require(‘moment’);

console.log(“开始建立连接…”)

let users = [];

// 向所有连接的客户端广播

function boardcast(obj) {

server.connections.forEach(function(conn) {

conn.sendText(JSON.stringify(obj));

})

}

function getDate(){

return moment().format(‘YYYY-MM-DD HH:mm:ss’)

}

var server = ws.createServer(function(conn){

conn.on(“text”, function (obj) {

obj = JSON.parse(obj);

if(obj.type===1){

users.push({

nickname: obj.nickname,

uid: obj.uid

});

boardcast({

ty