位置: - 正文

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-不能为空

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

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 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/biancheng/380925.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络