nodejs 聊天室
nodejs 聊天室
招展君 发表于2年前
nodejs 聊天室
  • 发表于 2年前
  • 阅读 10
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 实验楼的node项目,很赞

项目步骤

###1.初始化

  1. npm init
  2. 安装依赖
npm install --save express 
npm install --socket.io
  1. 安装库文件
bower install bootstrap

这里需要注意的是express会去根目录下的public访问库文件,而bower安装则会在根目录下生成一个bower_components文件夹来存放下载的库文件. 这时候就需要在根目录下新建一个 .bowerrc 在里面写

{
  "directory":"public"//要存放bower安装的库文件的文件夹
}

4.angular的安装 这里需要注意的是用npm 和bower 都可以下载angular,但是这里比较推荐用bower来进行下载.两个安装的区别之一在于存放的目录不同 因为angular是要在html页面里面进行引入的,express对html的引入都会去从public里面去找, '''

###2. app.js进行依赖引入和初始化 app.js作为服务器端主程序文件

var express = require('express'),
    app = require('express')(),
    http = require('http').createServer(app),
    io = require('socket,io')(http);

app.use(express.static(__dirname)+'/client');

app.get('/', function (req, res) {
    //为什么不用res.render
    res.sendFile('index.html');
})
var connectedSockets = {};
var allUsers = [{nickname:''}];
io.on('connection', function (data) {
    socket.on('addUser', function (data) {

    });
    socket.on('addMessage', function (data) {

    });
    socket.on('disConnect', function (data) {

    })
})
http.listen(3000, function () {
    console.log('app is running at port 3000')
})

###3. 搭建文件目录结构

Chat
|--client
|  |--assets
|  |  |--js
|  |  |  `--client.js
|  |  `--css
|  |--index.html
|  |--message.html
|  `--user.html
`--app.js
共有 人打赏支持
粉丝 0
博文 8
码字总数 2941
×
招展君
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: