237c7802e5
Some checks failed
Deploy / deploy (push) Has been cancelled
Full-stack web application for Telegram management - Frontend: Vue 3 + Vben Admin - Backend: NestJS - Features: User management, group broadcast, statistics 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
61 lines
1.9 KiB
Markdown
61 lines
1.9 KiB
Markdown
# Telegram 聊天功能集成说明
|
||
|
||
## 功能概述
|
||
|
||
我们已经成功集成了 Telegram 官方网页版，让您可以直接在管理系统中访问 Telegram 聊天功能。
|
||
|
||
## 使用方法
|
||
|
||
### 1. 访问聊天功能
|
||
|
||
在账号列表页面，每个账号的操作栏中都添加了一个"聊天"按钮：
|
||
|
||
- 点击"聊天"按钮，进入 Telegram Web 集成页面
|
||
- 页面会显示当前选中的账号信息
|
||
|
||
### 2. 选择访问方式
|
||
|
||
进入聊天页面后，您有两种访问方式：
|
||
|
||
#### 嵌入式访问
|
||
- 点击"在此页面打开"按钮
|
||
- Telegram Web 将在当前页面内以 iframe 形式加载
|
||
- 您可以在管理系统内直接使用 Telegram 的所有功能
|
||
|
||
#### 新标签页访问
|
||
- 点击"新标签页打开"按钮
|
||
- 将在新的浏览器标签页中打开 Telegram Web
|
||
- 适合需要更大屏幕空间或独立窗口的用户
|
||
|
||
### 3. 功能特点
|
||
|
||
- **完整功能**：支持 Telegram Web 的所有功能，包括发送消息、图片、文件等
|
||
- **便捷切换**：可以快速在不同账号之间切换聊天
|
||
- **集成管理**：将聊天功能与账号管理功能整合在一起
|
||
|
||
## 技术实现
|
||
|
||
### 前端组件
|
||
- 位置：`/frontend/src/view/tgAccountManage/telegramWeb.vue`
|
||
- 功能：提供 Telegram Web 的集成界面
|
||
|
||
### 路由配置
|
||
- 位置：`/frontend/src/router/routes/tgAccountManage.js`
|
||
- 路径：`/tgAccountManage/telegramWeb/:accountId?`
|
||
|
||
### 后端API
|
||
- 新增 API：`GET /tgAccount/queryById/{id}`
|
||
- 功能：根据账号ID获取账号详细信息
|
||
|
||
## 注意事项
|
||
|
||
1. **登录要求**：使用聊天功能时，您需要在 Telegram Web 中登录对应的账号
|
||
2. **安全性**：请确保在安全的网络环境下使用聊天功能
|
||
3. **兼容性**：建议使用最新版本的 Chrome、Firefox 或 Safari 浏览器
|
||
|
||
## 后续优化建议
|
||
|
||
1. 可以考虑实现自动登录功能，使用已有的 session 信息
|
||
2. 添加多账号快速切换功能
|
||
3. 实现消息通知集成
|
||
4. 添加聊天记录备份功能 |