文档章节

nodejs 聊天室

招展君
 招展君
发布于 2015/12/01 11:46
字数 322
阅读 15
收藏 0

项目步骤

###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

© 著作权归作者所有

共有 人打赏支持
上一篇: canvas 大转盘
招展君
粉丝 0
博文 8
码字总数 2941
作品 0
闸北
程序员
私信 提问
nodejs入门——搭建一个聊天室应用

个人博客 http://mvc.coding.io/ 1入门教程推荐 node入门 很早之前看的就是这个,比较浅显易懂,看一遍就明白nodejs到底是怎么一回事儿了 2开源项目 昨天在coding上看到了一个nodejs聊天室,...

蛙牛
2014/08/06
0
6
NODE.JS & HTML5 聊天室

最近学习了一下 HTML5 + node.js,一边学习一边做例子。 用 node.js 制作 Server 端,提供 http & webSocket 服务,其中 webSocket 使用的是 socket.io 前台采用的是 静态的html 页面,用 ht...

zTree
2012/08/14
0
2
【求助】谁知道 node-websocket-server 框架怎么用,麻烦帮忙看一下

本人是名在校大三学生,刚接触nodejs不到一个星期,看了node入门 然后主要是想用nodejs结合websocket和WebGL搞一个小开发,正好在本站和其他地方都有许多讲nodejs与websocket结合的文章,其中在w...

冯焰
2012/02/04
1K
2
使用node.js + socket.io + redis实现基本的聊天室场景

使用node.js + socket.io + redis实现基本的聊天室场景 在这篇文章Redis数据库及其基本操作中介绍了Redis及redis-cli的基本操作. 其中的publish-subscribe机制应用比较广泛, 那么接下来使用n...

蜗牛奔跑
2017/10/18
0
0
WebRTC基础实践 - 7. 配置信令服务

本节内容 在本节课程中, 我们将学习以下内容: 通过 安装 文件中指定的项目依赖 运行Node.js服务器, 通过 node-static 提供静态文件服务。 用Socket.IO创建消息传递服务 创建聊天室以及发送聊...

铁锚
2018/11/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Python如何开发桌面应用程序?Python基础教程,第十三讲,图形界面

当使用桌面应用程序的时候,有没有那么一瞬间,想学习一下桌面应用程序开发?行业内专业的桌面应用程序开发一般是C++,C#来做,Java开发的也有,但是比较少。本节课会介绍Python的GUI(图形用...

程序员补给栈
今天
5
0
kafka在的使用

一、基本概念 介绍 Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。 这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统...

狼王黄师傅
今天
3
0
Android JNI总结

0x01 JNI介绍 JNI是Java Native Interface的缩写,JNI不是Android专有的东西,它是从Java继承而来,但是在Android中,JNI的作用和重要性大大增强。 JNI在Android中起着连接Java和C/C++层的作...

天王盖地虎626
昨天
3
0
大数据教程(11.8)Hive1.2.2简介&初体验

上一篇文章分析了Hive1.2.2的安装,本节博主将分享Hive的体验&Hive服务端和客户端的使用方法。 一、Hive与hadoop直接的关系 Hive利用HDFS存储数据,利用MapReduce查询数据。 二、Hive与传统数...

em_aaron
昨天
4
0
跟我学Spring Cloud(Finchley版)-15-Hystrix监控详解

Hystrix提供了监控Hystrix Command的能力,本节来详细探讨。 监控端点与数据 应用整合Hystrix,同时应用包含spring-boot-starter-actuator 依赖,就会存在一个/actuator/hystrix.stream 端点...

周立_ITMuch
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部