聊天室前端Docker版部署

聊天室前端Docker版部署
#### 1、后端部署 后端采用JAVA编写,需要自行编译部署。代码仓库地址:[https://gitee.com/zhoudawei666/im-server.git](https://gitee.com/zhoudawei666/im-server.git)如果不怎么清楚使用可自行AI或百度,在仓库的README.md里面也有简略描述如何使用。~~==注意:此代码包含websocket和后端接口服务。==~~ #### 2、安装Docker 可自行百度安装,这里不做阐述。 #### 3、拉取镜像 ```bash docker pull crpi-e7ejgu8xim552rot.cn-hangzhou.personal.cr.aliyuncs.com/zdw6/timeplanet-im:2.0 ``` #### 4、镜像配置文件 ```json { "baseURL": "http://localhost:8080",//后端地址 "webBaseURL": "http://localhost:81/user",//聊天室登录页 "imURL": "https://localhost:81/",//聊天室地址 "imBaseURL": "localhost",//聊天室websocket地址 "wsProtocol": "ws",//聊天室websocket协议 "wsPort": "3796",//聊天室websocket端口 } ``` 自行按照实际情况配置 #### 5、镜像运行 ```bash docker run -d -p <外部可访问端口>:80 \ -v path/config.json:/usr/share/nginx/html/config/config.json \ --name im-ui2.0 crpi-e7ejgu8xim552rot.cn-hangzhou.personal.cr.aliyuncs.com/zdw6/timeplanet-im:2.0 ``` #### 6、访问 ```js 通过ip:<上述端口>访问 ``` #### 7、nginx代理(HTTPS访问,可选) 通过修改nginx配置文件可以实现HTTPS访问 #### 8、效果 ![屏幕截图 20250729 193720.png](https://api.timeplanet.cn/documents/articlePicture/11753789076646162.png)![屏幕截图 20250729 193737.png](https://api.timeplanet.cn/documents/articlePicture/11753789076661773.png)![屏幕截图 20250729 193657.png](https://api.timeplanet.cn/documents/articlePicture/11753789076680938.png)