18、创建聊天客户端与服务端的详细指南

创建聊天客户端与服务端的详细指南

1. 创建 Angular 应用

首先，使用 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 中，创建与 Socket.IO 服务器的连接配置：

import { SocketIoModule, SocketIoConfig } from 'ngx-socket-io';
const config: SocketIoConfig = { url: 'http://localhost:3000', options: {}}

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

imports: [
  BrowserModule,
  AppRoutingModule,
  So