超级会员免费看
本文档介绍了如何基于已有的MVC Web应用，利用WebSocket创建一个在线聊天室。首先复制MVC工程并添加必要的依赖，然后将WebSocketServer与已有的HTTP服务器（使用Koa）绑定在同一端口。在Koa中解析用户Cookie来识别用户身份，接着在WebSocketServer中处理连接事件，广播消息。最后，展示客户端使用Vue进行状态管理和更新视图，以及如何配置Nginx作为WebSocket的反向代理。
编写聊天室
上一节我们用ws模块创建了一个WebSocket应用。但是它只能简单地响应ECHO: xxx消息，还属于Hello, world级别的应用。
要创建真正的WebSocket应用，首先，得有一个基于MVC的Web应用，也就是我们在前面用koa2和Nunjucks创建的Web，在此基础上，把WebSocket添加进来，才算完整。
因此，本节的目标是基于WebSocket创建一个在线聊天室。
首先，我们把前面编写的MVC工程复制一份，先创建一个完整的MVC的Web应用，结构如下：
ws-with-koa/
|
± .vscode/
| |
| ± launch.json <-- VSCode 配置文件
|
± controllers/ <-- Controller
|
± views/ <-- html模板文件
|
± static/ <-- 静态资源文件
|
± app.js <-- 使用koa的js
|
± controller.js <-- 扫描注册Controller
|
± static-files.js <-- 处理静态文件
|
± templating.js <-- 模版引擎入口
|
± package.json <
订阅专栏 解锁全文
扫一扫
441
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
