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: {} };

将该配置传递给 SocketIoModule.forRoot 方法：

imports: [
  BrowserModule,
  AppRoutingModule