首页 专题 H5案例 前端导航 UI框架

基于express/socket.io的简易聊天室

作者:TG 日期: 2017-09-04 阅读: 1699
经过三个月的努力奋斗,FreeNG UI框架现在已经进入维护阶段,也终于有点时间搞搞其他东西,左思右想,最终决定搞一个简单的聊天室。虽然网上教程众多,但还是想自己完整的跑一遍,过过手瘾。

主要涉及到以下内容:
  • Express
  • Node.js
  • pug
  • Socket.IO
  • IndexedDB

Node.js 是一个基于Chrome V8 引擎的JavaScript 运行环境。官网: https://nodejs.org/en/

Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。(官网: http://expressjs.com/)

pug是基于node的一个模板引擎。(官网: https://pugjs.org/api/getting-started.html)

Socket.IO 是一个面向实时 web 应用的 JavaScript 库。它使得服务器和客户端之间可以实现实时双向的通信。(官网: https://socket.io/)

IndexedDB 是一种低级API,用于客户端存储大量结构化数据(包括, 文件/ blobs)。(官网: https://www.w3.org/TR/IndexedDB/)
v0.1.1版本支持的功能:
  • 聊天记录自动保存
  • 群聊
  • 发表情/图片/视频/音频
未来功能:私聊/换肤/好友增删改查/创群/消息提醒

简单的页面: Github: easy-chat

使用方法
从Github下载:

git clone https://github.com/IronPans/easy-chat

在终端执行(安装package.json中列出来的依赖):

npm install


运行:

npm start

然后在多个浏览器中访问: http://localhost:3100,就可以畅聊了。

如有疑问或任何问题,欢迎在下方评论区留言!


关注”全栈技术杂货铺“

全栈技术杂货铺