在线客服

从 Tawk.to 复制 Property ID 和 Widget ID

1. 在 tawk.to 注册免费账号并登录

2. 选择对应站点（Property）；没有则创建一个

   

3. 点击左侧 Administration

   

4. 在 Overview 中，Property Image 下方就是 Property ID

   

5. 打开 Channels → Chat Widget

   

6. Widget ID 在 Widget Status 下方

   

也可以从 Direct Chat Link 复制 https://tawk.to/chat/ 后面的两段，或从 Widget Code 的脚本地址取出，形如 https://embed.tawk.to/{PROPERTY_ID}/{WIDGET_ID}

填入环境变量

两个值都必须填写。缺一个就不会加载小组件。

这些是公开的 VITE_ 变量，会打进客户端包。不要放进 apps/server/.dev.vars。

本地开发（apps/web/.env.development）：

VITE_TAWK_PROPERTY_ID=xxxxxxx
VITE_TAWK_WIDGET_ID=xxxxxxx

本地生产部署（apps/web/wrangler.jsonc 的 vars 字段，明文，无需 Secret）：

{
  "vars": {
    "VITE_TAWK_PROPERTY_ID": "xxxxxxx",
    "VITE_TAWK_WIDGET_ID": "xxxxxxx",
    // ...
  }
}

CI / 远程部署变量清单（apps/web/.env.production）：

VITE_TAWK_PROPERTY_ID=xxxxxxx
VITE_TAWK_WIDGET_ID=xxxxxxx