【亲测免费】 Open-IM-PC-Web-Demo 项目教程

Open-IM-PC-Web-Demo 项目教程

1. 项目的目录结构及介绍

Open-IM-PC-Web-Demo/
├── src/
│   ├── config/
│   │   └── index.ts
│   ├── ...
├── package.json
├── README.md
├── ...

• src/: 包含项目的源代码。
  • config/: 包含项目的配置文件。
    • index.ts: 配置文件，定义了WebSocket和API的URL。
• package.json: 项目的依赖和脚本管理文件。
• README.md: 项目的介绍和使用说明。

2. 项目的启动文件介绍

项目的启动文件主要是通过 npm 命令来启动开发服务器。以下是启动步骤：

1. 安装依赖：

   npm install
   

2. 启动开发服务器：

   npm run dev
   

启动后，可以通过 http://localhost:5173 访问项目。

3. 项目的配置文件介绍

配置文件位于 src/config/index.ts，主要定义了WebSocket和API的URL：

export const WS_URL = "ws://your-server-ip:10001";
export const API_URL = "http://your-server-ip:10002";
export const USER_URL = "http://your-server-ip:10008";

• WS_URL: WebSocket 的 URL。
• API_URL: API 的 URL。
• USER_URL: 用户服务的 URL。

在部署时，需要将 your-server-ip 替换为实际的服务器IP地址。