# im-mobile-web

**Repository Path**: bigbrid/im-mobile-web

## Basic Information

- **Project Name**: im-mobile-web
- **Description**: vue3+elementPlus +ts 管理端，路由配置菜单，小程序聊天管理端
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://im-web.idb.com.cn
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2022-12-02
- **Last Updated**: 2022-12-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Ts  小程序 UniApp
聊天小程序消息管理端- 群聊 、单聊、客服.


### docker 部署服务（仅限linux系统）
1. 先创建mysql数据库名称为 im
2. 初始化数据库数据 [数据库im](https://cdn.im.idb.com.cn/static/file/13221116-qr0_202206.sql)
3. 部署redis
4. docker 运行
```
docker run -d --name  im-server  \
-e SYS_URL="https://im2.idb.com.cn" \
-e MYSQL_DSN="root:123456@tcp(192.168.0.1:3306)" \
-e REDIS_HOST="192.168.0.1:6379" \
-e REDIS_PASSWORD="pws123456" \
-e APP_ID="wx83578exxxxxxxxxx" \
-e APP_SECRET="cexxxxxxxxxxxxxxxxxxxxx4" \
 -p 8081:8666 \
 -v /home/im/storage:/storage \
 --privileged=true \
  --restart=always \
  suteqa/im-server
```

##### 环境变量说明
> SYS_URL 是服务外网访问地址,即是nginx或者其他反向代理的地址

> STATIC_URL 如果媒体资源需要cdn服务则配置这个，不需要则用原地址

> MYSQL_DSN mysql的地址，其中 root是账号，123456是密码

> REDIS_HOST redis地址 REDIS_PASSWORD是密码如果是空则无需设置

> APP_ID 与 APP_SECRET 是小程序的信息

> 服务内部端口8666 映射主机端口为8081，根据需求修改暴露的端口

> /home/im/storage 是本机的目录，存储媒体资源，根据需求路径

[管理端登录地址](https://im-web.idb.com.cn/) https://im-web.idb.com.cn/
### 插件市场地址
https://ext.dcloud.net.cn/plugin?id=8110

### 2022-06-04 更新客服功能

<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=customer1.png" width="900" height="480" />
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=customer3.png" width="900" height="480" />
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=customer2.jpg" width="250" height="480" />



###     web后台管理
> 使用微信扫一扫登录
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=web-im.jpg" width="1000" height="380" />
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=user.png" width="1000" height="380" />
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=video.png" width="1000" height="380" />

[消息监控](https://im-web.idb.com.cn/monitor)https://im-web.idb.com.cn/monitor
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=monitor.png" width="800" height="480" />

### 小程序图片

<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=chat1.jpg" width="200" height="380" />
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=chat2.jpg" width="200" height="380" />
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=chat3.jpg" width="200" height="380" />

### 插件市场地址
https://ext.dcloud.net.cn/plugin?id=8110

### 安装教程
cnpm i

# 小程序码

小程序码 | 扫我聊天
---|---
<img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=code.jpg" width="200" height="200" /> |  <img src="https://file.idb.com.cn/showImage?name=im&type=origin&file=my.jpg" width="200" height="200" />
【小程序提审时候无法正常使用】 | 【IOS扫码会出现当前消息无法更新】