express框架实现基于Websocket建立的简易聊天室(express框架作用)

编辑：rootadmin

推荐整理分享express框架实现基于Websocket建立的简易聊天室(express框架作用)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:express框架简介,express框架有哪些特性,express框架干什么的,express框架干什么的,express框架干什么的,express框架作用,express框架干什么的,express框架使用,内容如对您有帮助，希望把文章链接给更多的朋友！

最近想写点有意思的，所以整了个这个简单的不太美观的小玩意

首先你得确认你的电脑装了node，然后就可以按照步骤搞事情了~~

1.建立一个文件夹

2.清空当前文件夹地址栏，在文件夹地址栏中输入cmd.exe

3.我们需要下载点小东西，需要在命令行输入

npm install express 回车等待一会 npm install express-session 回车等待一会 npm install ejs 回车等待一会 npm install socket.io 回车等待一会叮~~~ 搞定！！！

4.安装完成后，在你建的文件夹下就会有一个 node_modules文件夹，接下来我们还需要建立俩文件夹，一个文件夹(public)存放静态资源，并且添加jquery文件，一个文件夹(views)存放静态模板ejs文件。

5.接下来我们就需要建立一个入口文件（app.js），在你建立的文件夹下。

6.app.js中必须写的

7.(1)加载路由、处理路由、配置ejs模板、处理静态资源管理器

(2)建立俩文件，index.ejs、chat.ejs，在chat.ejs下我们需要引入

如果你本地没有的话，你可以这样玩~~

咱可以引用在线的嘛(亲测好使)

8.app.get 路由 action=‘check'

判断登陆的三个条件

1-不能为空

2-不能重名

3-注册并且跳转chat页面

9.咱登陆了，要聊天，咱得告诉别人咱叫啥啊！！！所以这里需要处理session了，并且在chat页面显示出来嘛

.所以咱得开始建立websocket通讯了

client

server

client

基本的思路和步骤就是这些

现在一切工作准备就绪，开始码代码

app.js

index.ejs(放views文件夹下)

chat.ejs

聊天室登陆界面

edison进入聊天室

edison与chan聊天

在码代码过程中，不断的踩坑，填坑，第一次整这玩意，很多地方不熟悉，难免有些错误，毕竟学习过程嘛，有点磕碜，如果你们也写了好使了，咱可以共同进步一起美化，完善更多的功能，忘各位old铁见谅~~~

本文链接地址:https://www.jiuchutong.com/biancheng/380924.html 转载请保留说明！