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

经过三个月的努力奋斗,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,就可以畅聊了。

转自https://laixiazheteng.com/article/page/id/QYGxVYOuiiU3

发布了39 篇原创文章 · 获赞 81 · 访问量 34万+

猜你喜欢

转载自blog.csdn.net/qq_31967569/article/details/105384885