Skip to content

实战:聊天室

nextjs

HTTP 只能是客户端请求至服务端,WebSocket 允许服务器请求服务端

了解 Websockets 是什么以及它们是如何工作的

HTTP:单向请求,只能从浏览器发送请求至服务器

WebSocket:双向请求,服务器与客户端彼此请求

正文

新建项目npx create-next-app@latest

![image-20230614151621922](D:\Documents\PicGo Files\image-20230614151621922.png)

  • 了解 Websockets 是什么以及它们是如何工作的
  • 了解如何在 Express Web 应用程序中使用Socket.io
  • 编写一个使用Socket.io进行实时通信的Express Web 应用程序

编码问题:创建一个使用Socket.io实现简单聊天室的 Express Web 应用程序。

Node.js + Socket.io 实现一对一即时聊天

nextjs

https://vercel.com/templates/next.js/realtime-chat-app

https://www.bilibili.com/video/BV1Zh4y1H7UM/

https://github.com/joschan21/nextjs-realtime-chat

https://github.com/joschan21/nextjs-realtime-chat

nextjs+ redis。https://upstash.com/(可以)

别人的聊天室:https://github.com/songquanpeng/chat-room

需求分析

数据库设计

微服务拆分

功能开发

docker compose 部署