多平台电商聊天机器人系统

一个企业级的多平台电商聊天机器人生态系统,支持Shopify、WooCommerce和BigCommerce,提供统一的客服仪表盘、实时聊天转接、WebRTC语音通话和高级工单管理功能。

  • by evolvenginadmin
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 evolvenginadmin/MCP

使用说明

🤖 世界级多平台聊天机器人生态系统

🎉 转换完成! 一个全面的企业级聊天机器人生态系统,支持Shopify、WooCommerce和BigCommerce,具有统一的代理仪表板、实时聊天切换、WebRTC语音通话和高级票务管理。


🌟 革命性特征

🛍️ 多平台电子商务原生

  • ✅ Shopify:与Storefront API+模型上下文协议完全集成
  • 🚀 WooCommerce:为WordPress插件开发准备好基础设施
  • 🚀 BigCommerce:为Store API集成准备的体系结构
  • ✅ 统一API:单一后端无缝支持所有平台

🤖 高级AI驱动的对话

  • ✅ 谷歌双子座1.5 Flash:自然语言理解和生成
  • ✅ 模型上下文协议(MCP):平台特定的智能操作
  • ✅ 流媒体响应:实时AI对话传递
  • ✅ 产品情报:智能搜索、推荐和策略自动化

👥 专业代理仪表板

  • ✅ 实时接口:跨所有平台的实时聊天管理
  • ✅ 无缝交接:AI到人类智能体的全上下文转换
  • ✅ 多标签管理:概述、聊天、票务、语音通话、分析
  • ✅ 性能指标:实时KPI、响应时间、满意度得分
  • ✅ 移动响应:任何设备上的专业经验

📞 WebRTC语音通话(无外部服务!)

  • ✅ 点对点通话:直接WebRTC,无需Twilio或外部成本
  • ✅ 呼叫管理:接受、拒绝、静音、保持、转移控制
  • ✅ 队列系统:智能来电路由到可用代理
  • ✅ 实时信号:基于WebSocket的呼叫协调
  • ✅ 通话录音:内置录制功能

🎫 企业票务管理

  • ✅ 自动创建:通过聊天升级生成智能工单
  • ✅ 优先权制度:紧急、高、中、低,有SLA跟踪
  • ✅ 代理人分配:智能路由和手动分配
  • ✅ 状态工作流:打开→ 进行中→ 已解决→ 关闭
  • ✅ 交叉平台的:统一售票,无论始发店如何

⚡ 实时一切

  • ✅ WebSocket集成:跨所有界面的即时更新
  • ✅ 在线聊天更新:实时消息传递和已读回执
  • ✅ 代理人在场:实时状态广播和协调
  • ✅ 通知系统:新聊天、工单、电话的即时提醒
  • ✅ 打字指示器:增强的用户体验功能

� 综合分析

  • ✅ 仪表盘:实时指标和历史趋势
  • ✅ 代理分析:个人和团队绩效跟踪
  • ✅ 平台洞察:存储特定对话和转换数据
  • ✅ 客户满意度:评级收集和趋势分析
  • ✅ 响应时间跟踪:SLA合规性监控和警报

🏗️ 企业架构

📁 Monorepo结构

🎯 chatbot-ecosystem/
├── apps/
│   ├── shopify-bot/          ✅ Complete Shopify integration
│   ├── dashboard/            ✅ Full-featured agent interface
│   ├── woocommerce-bot/      🚀 Ready for development
│   └── bigcommerce-bot/      🚀 Ready for development
├── packages/
│   ├── core/                 ✅ Shared TypeScript types & utilities
│   ├── database/             ✅ Multi-platform Prisma schema
│   ├── api/                  ✅ Complete Express.js backend
│   └── ui-components/        🚀 Reusable React components
├── docs/                     ✅ Comprehensive documentation
└── test/                     ✅ Integration test suite

🗄️ 高级数据库架构

✅ Multi-Platform Design Supporting:
├── Store Management (Shopify, WooCommerce, BigCommerce)
├── Agent Management (Authentication, roles, performance)
├── Customer Sessions (Cross-platform conversation tracking)
├── Chat Messages (Full conversation history with metadata)
├── Ticket System (Enterprise workflow with assignments)
├── Voice Calls (WebRTC call management and history)
├── Chat Handoffs (Seamless AI-to-agent transitions)
└── Analytics (Performance metrics and reporting data)

🔌 微服务架构

  • ✅ API服务器:带Socket的Express.js。端口3001上的IO
  • ✅ 代理仪表板:端口3002上的Next.js 14应用程序
  • ✅ 数据库服务:Prisma ORM与SQLite(开发)/PostgreSQL(产品)
  • ✅ WebSocket服务:实时通信基础设施
  • ✅ 验证服务:基于JWT的安全代理访问

🚀 快速开始

💻 开发环境设置

# 1. Clone and install dependencies
git clone <repository>
cd chatbot-ecosystem
npm install

# 2. Setup database
cd packages/database
npx prisma migrate dev
npx prisma db seed

# 3. Configure environment
cp packages/api/.env.example packages/api/.env
# Add your GEMINI_API_KEY and other config

# 4. Start development servers
npm run dev

🌐 接入点

  • 代理仪表板: http://localhost:3002
  • API健康检查: http://localhost:3001/health
  • 双向通信:ws://localhost:3001
  • 数据库工作室:npx-prisma工作室

🧪 集成测试

✅ 测试结果摘要

  • 数据库连接: ✅ PASS-多平台模式可操作
  • 验证系统: ✅ PASS-JWT安保工作完美
  • API终点: ✅ PASS-所有路线都受到保护且功能正常
  • 仪表板界面: ✅ PASS-代理界面完全可访问
  • 票务管理: ✅ PASS-CRUD操作就绪
  • 语音基础设施: ✅ PASS-WebRTC端点已运行
# Run comprehensive integration tests
npm run test:integration

🔧 技术栈

🎨 前端

  • Next.js 14:带有App Router的React框架
  • TypeScript:类型安全开发
  • Tailwind CSS:实用性优先的造型
  • 插座。IO客户端:实时通信

⚙️ 后端

  • Express.js:RESTful API服务器
  • 插座。输入:用于实时功能的WebSocket服务器
  • 棱镜:类型安全数据库ORM
  • JWT公司:无状态身份验证
  • bcrypt:安全密码哈希

🗄️ 数据库

  • SQLite:发展数据库
  • PostgreSQL:生产数据库
  • Prisma迁徙:版本控制的架构更改

🤖 人工智能与集成

  • 谷歌双子座1.5 Flash:高级语言模型
  • 模型上下文协议:Shopify商务集成
  • 网页实时通信:点对点语音通话
  • Shopify API:店面和管理员API集成

🚀 生产部署

🌍 部署选项

  • 码头工人:容器化部署就绪
  • 维塞尔:Next.js仪表板部署
  • 铁路/Heroku:API服务器部署
  • AWS/GCP:全面部署基础设施

🔐 安全特性

  • ✅ JWT身份验证:无状态代理会话
  • ✅ API速率限制:DDoS保护
  • ✅ 输入验证:XSS和注射预防
  • ✅ CORS配置:跨来源安全
  • ✅ 环境变量:安全配置管理

📊 监测和可观察性

  • ✅ 健康检查:服务可用性监控
  • ✅ 错误记录:全面的错误跟踪
  • ✅ 性能指标:响应时间和吞吐量
  • ✅ 实时分析:实时仪表板见解

� 业务影响

💼 企业能力

  • 成本降低50%+:无外部语音服务费(WebRTC)
  • 统一平台:所有电子商务平台的单一仪表板
  • 可扩展体系结构:处理数千个并发客户
  • 实时操作:即时代理协调和更新
  • 数据驱动的洞察:全面的分析和报告

🏆 竞争优势

  • 电子商务原生:专为在线零售而构建
  • 多平台设计:不是事后的整合
  • AI优先架构:人工监督的智能自动化
  • WebRTC语音:无外部依赖的点对点调用
  • 开源就绪:完全可定制和可扩展

📚 文档


🌟 是什么让这个特别

这不仅仅是另一个聊天机器人——它是一个 完整的客户服务生态系统 专为电子商务设计,具有以下特点:

  • 与Zendesk/Intercom竞争 但专为电子商务而设计
  • 成本大幅降低 使用WebRTC而不是Twilio
  • 无限缩放 采用微服务架构
  • 本机集成 与主要电子商务平台合作
  • 提供实时一切 满足现代客户的期望
  • 提供企业功能 比如高级票务和分析

🤝 贡献

该生态系统旨在扩展:

# Add new platform support
mkdir apps/custom-platform-bot
# Follow existing app patterns

# Add shared components
cd packages/ui-components
# Create reusable React components

# Extend API endpoints
cd packages/api/src/routes
# Add new route handlers

📜 许可证

麻省理工学院许可证-您可以自由地将其用于您自己的电子商务客户服务需求!


🔥 准备好彻底改变电子商务客户服务了吗?走吧! 🚀

实时服务:

  • 🖥️ 代理仪表板: http://localhost:3002
  • 🔌 API服务器: http://localhost:3001
  • 📊 数据库工作室: npx prisma studio
  • 🧪 集成测试: npm run test:integration │ └── bigcommerce机器人/#bigcommerce应用程序 ├── 包裹/ │ ├── core/#共享类型和实用程序 │ ├── api/#统一api服务器 │ ├── 数据库/#数据库模式和客户端 │ ├── ui组件/#共享React组件 │ └── websocket服务/#实时通信 └── docs/#文档

### 🗄️ **Database Schema**
- **Stores**: Multi-platform store configurations
- **Agents**: Human agents with permissions and status
- **Sessions**: Customer chat sessions across platforms
- **Messages**: Chat history with metadata
- **Tickets**: Support tickets with assignments
- **Voice Calls**: Twilio call records and recordings
- **Handoffs**: Bot-to-agent transfer tracking

### 🔌 **API Endpoints**
- `/api/chat` - Chat messaging and sessions
- `/api/agents` - Agent management and authentication
- `/api/tickets` - Ticket CRUD and assignments
- `/api/voice` - Voice call management
- `/api/analytics` - Reporting and metrics

## 🚀 Quick Start

### 📋 **Prerequisites**
- Node.js 18+ and npm 9+
- Google Gemini API key
- Twilio account (for voice features)
- Platform credentials (Shopify, WooCommerce, BigCommerce)

### ⚡ **Installation**
```bash
# Clone and install dependencies
git clone <repository-url>
cd chatbot-ecosystem
npm install

# Set up environment variables
cp .env.example .env
# Edit .env with your API keys and configuration

# Initialize databases
npm run setup

# Start all services
npm run dev

🌐 环境变量

# AI Configuration
GEMINI_API_KEY=your_gemini_api_key_here

# Database
DATABASE_URL=file:./chatbot-ecosystem.db

# API Configuration
CORS_ORIGIN=http://localhost:3000
JWT_SECRET=your_jwt_secret_here

# Twilio (for voice features)
TWILIO_ACCOUNT_SID=your_twilio_sid
TWILIO_AUTH_TOKEN=your_twilio_token
TWILIO_PHONE_NUMBER=+1234567890

# Platform Integrations
SHOPIFY_APP_URL=https://your-app.ngrok.io
SHOPIFY_APP_SECRET=your_shopify_secret

💻 发展

🛠️ 可用脚本

# Development
npm run dev                   # Start all services
npm run shopify:dev          # Shopify bot only
npm run dashboard:dev        # Agent dashboard only
npm run api:dev             # API server only

# Building
npm run build               # Build all packages
npm run type-check         # TypeScript validation

# Database
npm run setup              # Initialize database
npm run db:reset          # Reset database
npm run db:studio         # Open Prisma Studio

🏪 平台特定开发

Shopify 机器人 (apps/shopify-bot/)

  • 与Shopify CLI集成的Remix应用程序
  • OAuth身份验证和会话管理
  • 用于产品操作的店面API
  • 聊天界面的主题扩展

代理仪表板 (apps/dashboard/)

  • Next.js 14与TypeScript
  • 实时WebSocket连接
  • 尾风CSS造型
  • 代理身份验证和权限

API服务器 (packages/api/)

  • 带Socket的Express.js。输入
  • JWT身份验证
  • 速率限制和安全
  • Twilio语音集成

🎯 核心功能Deep Dive

💬 聊天流程

  1. 客户发起:聊天小部件在商店中打开
  2. 人工智能处理:双子座分析意图并做出回应
  3. 工具执行:MCP处理产品搜索、购物车操作
  4. 切换触发器:复杂的查询转移到代理
  5. 代理响应:人类代理接管对话
  6. 票创建:未解决的问题成为支持票

📊 分析和报告

  • 聊天指标:响应时间、解决率、客户满意度
  • 代理业绩:活动时间、票已解决、响应速度
  • 平台洞察:跨平台比较,热门产品
  • 语音分析:通话时长、录音转录

🔐 安全特性

  • 认证:基于JWT的代理身份验证
  • 速率限制:API防止滥用
  • 数据加密:静态加密的敏感数据
  • CORS保护:保护跨来源请求
  • 输入消毒:XSS和注射预防

🌍 多平台集成

🛍️ Shopify集成

  • 安装:通过Shopify应用商店安装
  • 特性:产品搜索、购物车管理、订单跟踪
  • 认证:具有适当作用域的OAuth 2.0
  • 网络钩子:实时订单和客户更新

🛒 WooCommerce集成

  • 安装:WordPress插件安装
  • 特性:产品目录、订单管理、客户账户
  • 认证:WooCommerce REST API密钥
  • 钩子:WordPress操作/过滤器集成

🏪 BigCommerce集成

  • 安装:BigCommerce应用市场
  • 特性:门店API集成、客户管理
  • 认证:具有存储上下文的OAuth
  • 网络钩子:存储事件通知

🎨 定制

🎨 聊天界面

  • 可定制的主题和颜色
  • 品牌聊天小部件
  • 多语言支持
  • 移动响应式设计

🤖 AI行为

  • 每个商店的自定义系统提示
  • 平台特定响应
  • 行业特定知识库
  • 会话流的A/B测试

📋 业务规则

  • 自定义切换触发器
  • 升级工作流程
  • 营业时间配置
  • 代理分配规则

📈 扩展和性能

⚡ 性能优化

  • 用于快速查询的数据库索引
  • Redis缓存用于会话管理
  • 静态资产的CDN集成
  • WebSocket连接池

🔄 水平缩放

  • 微服务架构
  • 负载均衡器兼容性
  • 数据库复制支持
  • 容器部署就绪

📊 监控

  • 健康检查端点
  • 错误跟踪和记录
  • 绩效指标收集
  • 正常运行时间监控集成

🤝 贡献

我们欢迎捐款!请查看我们的 贡献指南 了解详情。

🛡️ 开发指南

  • 所有新代码的TypeScript
  • 全面的测试覆盖率
  • ESLint和Prettier配置
  • 常规提交消息

📝 许可证

此项目根据MIT许可证获得许可-请参阅 许可证 文件以获取详细信息。

🆘 支持

  • 文档: docs/
  • 问题:GitHub问题
  • 讨论:GitHub讨论
  • 电子邮件: support@example.com

🗺️ 路线图

🔮 即将推出的功能

  • []WhatsApp和短信集成
  • []先进的人工智能培训工具
  • []支持多语言对话
  • []高级分析仪表板
  • []移动代理应用程序
  • []集成市场
  • []自定义webhook系统
  • []高级路由规则

内置❤️ 面向电子商务客户服务的未来