Open-IM-PC-Web-Demo 项目教程
openim-electron-demo项目地址:https://gitcode.com/gh_mirrors/op/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
命令来启动开发服务器。以下是启动步骤:
-
安装依赖:
npm install
-
启动开发服务器:
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地址。
openim-electron-demo项目地址:https://gitcode.com/gh_mirrors/op/Open-IM-PC-Web-Demo