回滚之前错误的提交,使用正确的组织 UUID(df_org_uid)和相对路径 API URL。 ## 问题 1. **组织 UUID 错误**: - 之前错误地使用 `bytedesk`(组织代码) - 应该使用 `df_org_uid`(组织 UUID) - Bytedesk SDK 的 `chatConfig.org` 需要组织 UUID,不是代码 2. **API URL 默认值错误**: - 代码默认值使用 HTTP 绝对 URL: `http://43.143.189.195` - 会导致生产环境 Mixed Content 错误 - 应该使用相对路径: `/bytedesk-api` ## 解决方案 1. 统一使用组织 UUID: `df_org_uid` 2. 修改 API URL 默认值为相对路径: `/bytedesk-api` ## 代码变更 ### 1. `.env.production` ```diff - REACT_APP_BYTEDESK_ORG=bytedesk + REACT_APP_BYTEDESK_ORG=df_org_uid ``` ### 2. `src/bytedesk-integration/config/bytedesk.config.js` ```diff - const BYTEDESK_API_URL = process.env.REACT_APP_BYTEDESK_API_URL || 'http://43.143.189.195'; + const BYTEDESK_API_URL = process.env.REACT_APP_BYTEDESK_API_URL || '/bytedesk-api'; - const BYTEDESK_ORG = process.env.REACT_APP_BYTEDESK_ORG || 'bytedesk'; + const BYTEDESK_ORG = process.env.REACT_APP_BYTEDESK_ORG || 'df_org_uid'; ``` ### 3. `src/bytedesk-integration/.env.bytedesk.example` ```diff - REACT_APP_BYTEDESK_ORG=bytedesk + REACT_APP_BYTEDESK_ORG=df_org_uid ``` ## 后台配置确认 根据 Bytedesk 管理后台: - ✅ 组织 UUID: `df_org_uid` - ✅ 组织代码: `bytedesk`(仅用于显示) - ✅ 工作组 UUID: `df_wg_uid` ## 最终配置 所有环境的配置统一为: ```bash REACT_APP_BYTEDESK_API_URL=/bytedesk-api REACT_APP_BYTEDESK_ORG=df_org_uid REACT_APP_BYTEDESK_SID=df_wg_uid ``` ## 本地开发配置 开发者需要在 `.env.local` 中手动设置(此文件不提交到 git): ```bash REACT_APP_BYTEDESK_API_URL=/bytedesk-api REACT_APP_BYTEDESK_ORG=df_org_uid REACT_APP_BYTEDESK_SID=df_wg_uid ``` ## 验证 - ✅ 即使环境变量未设置,默认值也是正确的 - ✅ 不会出现 Mixed Content 错误(使用相对路径) - ✅ 配置与后台管理界面的 UUID 一致 - ✅ 不再出现 "Failed to create thread" 错误 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
69 lines
2.5 KiB
Plaintext
69 lines
2.5 KiB
Plaintext
# ========================================
|
||
# 生产环境配置
|
||
# ========================================
|
||
# 使用方式: npm run build
|
||
#
|
||
# 工作原理:
|
||
# 1. 此文件专门用于生产环境构建
|
||
# 2. 构建时会将环境变量嵌入到打包文件中
|
||
# 3. 确保 PostHog 等服务使用正确的生产配置
|
||
# ========================================
|
||
|
||
# 环境标识
|
||
REACT_APP_ENV=production
|
||
NODE_ENV=production
|
||
|
||
# Mock 配置(生产环境禁用 Mock)
|
||
REACT_APP_ENABLE_MOCK=false
|
||
|
||
# 🔧 调试模式(生产环境临时调试用)
|
||
# 开启后会在全局暴露 window.__DEBUG__ 和 window.__TEST_NOTIFICATION__ 调试 API
|
||
# ⚠️ 警告: 调试模式会记录所有 API 请求/响应,调试完成后请立即关闭!
|
||
# 使用方法:
|
||
# 1. 设置为 true 并重新构建
|
||
# 2. 在浏览器控制台使用 window.__DEBUG__.help() 查看命令
|
||
# 3. 调试完成后设置为 false 并重新构建
|
||
REACT_APP_ENABLE_DEBUG=true
|
||
|
||
# 后端 API 地址(生产环境)
|
||
REACT_APP_API_URL=http://49.232.185.254:5001
|
||
|
||
# PostHog 分析配置(生产环境)
|
||
# PostHog API Key(从 PostHog 项目设置中获取)
|
||
REACT_APP_POSTHOG_KEY=phc_xKlRyG69Bx7hgOdFeCeLUvQWvSjw18ZKFgCwCeYezWF
|
||
# PostHog API Host(使用 PostHog Cloud)
|
||
REACT_APP_POSTHOG_HOST=https://app.posthog.com
|
||
# 启用会话录制(Session Recording)用于回放用户操作、排查问题
|
||
REACT_APP_ENABLE_SESSION_RECORDING=true
|
||
|
||
# React 构建优化配置
|
||
# 禁用 source map 生成(生产环境不需要,提升打包速度和安全性)
|
||
GENERATE_SOURCEMAP=false
|
||
# 跳过预检查(加快启动速度)
|
||
SKIP_PREFLIGHT_CHECK=true
|
||
# 禁用 ESLint 检查(生产构建时不需要)
|
||
DISABLE_ESLINT_PLUGIN=true
|
||
# TypeScript 编译错误时继续
|
||
TSC_COMPILE_ON_ERROR=true
|
||
# 图片内联大小限制
|
||
IMAGE_INLINE_SIZE_LIMIT=10000
|
||
# Node.js 内存限制(适用于大型项目)
|
||
NODE_OPTIONS=--max_old_space_size=4096
|
||
|
||
# ========================================
|
||
# Bytedesk 客服系统配置
|
||
# ========================================
|
||
# Bytedesk 服务器地址(使用相对路径,通过 Nginx 代理)
|
||
# ⚠️ 重要:生产环境必须使用相对路径,避免 Mixed Content 错误
|
||
# Nginx 配置:location /bytedesk-api/ { proxy_pass http://43.143.189.195/; }
|
||
REACT_APP_BYTEDESK_API_URL=/bytedesk-api
|
||
|
||
# 组织 UUID(从管理后台 -> 设置 -> 组织信息 -> 组织UUID)
|
||
REACT_APP_BYTEDESK_ORG=df_org_uid
|
||
|
||
# 工作组 UUID(从管理后台 -> 客服管理 -> 工作组 -> 工作组UUID)
|
||
REACT_APP_BYTEDESK_SID=df_wg_uid
|
||
|
||
# 客服类型(2=人工客服, 1=机器人)
|
||
REACT_APP_BYTEDESK_TYPE=2
|