18、使用 Socket.IO 构建聊天室应用程序

使用 Socket.IO 构建聊天室应用程序

1. 创建聊天室客户端

首先，使用 ng new 命令创建 Angular 应用程序，同时提供路由支持：

ng new Client --style scss --prefix atp --routing true

由于 Angular 客户端会频繁使用 Socket.IO，所以使用特定的 Angular Socket.IO 模块来引入支持：

npm install --save ngx-socket-io

在 app.module.ts 中，通过创建指向服务器 URL 的配置来连接到 Socket.IO 服务器：

import { SocketIoModule, SocketIoConfig } from 'ngx-socket-io';
const config: SocketIoConfig = { url: 'http://localhost:3000', options: {}}
imports: [
  BrowserModule,
  AppRoutingModule,
  SocketIoModule.forRoot(config),

2. 使用装饰器添加客户端日志

创建一个 Log 装饰器，