💬 #1 線上即時客服：Replit shared link 公開分享 — 跟 #19 是同 Replit 專案兩入口（分享公開版 vs 製作後台）

黃凱揚（阿凱老師） · 桃園市龍潭區石門國民小學 · 2026-05-21

#1「線上即時客服」是阿凱用 Replit 做的即時教育支援諮詢服務，**走 Replit shared 公開連結**（\`/shared/A4uyH5OdHI\`）讓任何人不用註冊直接使用。跟 [#19 設計專屬客服](/tool/19) 是**同個 Replit 專案的兩個入口** — 分別服務「使用者公開」vs「製作者後台」雙場景。

阿凱的「第三方平台部署」策略

回顧阿凱 98 工具的部署平台分佈：

🐙 GitHub Pages: 58
🌐 Google Sites Embedded: 10
🏫 XOOPS 校網 VM: 16
🔥 Firebase Hosting: 8
🧩 第三方平台: 6（#1 #19 Replit / #7 #8 LINE / #39 Claude Artifacts / #40 Padlet）

#1 是「第三方平台」5 個工具的第一個 — 用 Replit 部署。

#1 vs #19 — 同 Replit 專案雙入口

維度	#1 線上即時客服（本篇）	#19 設計專屬客服
URL	`replit.app/shared/A4uyH5OdHI`	`replit.app/`（根目錄）
入口性質	分享連結（公開使用）	製作後台（建立自己的客服）
受眾	諮詢者	想做客服的人
操作	直接問問題	自訂 + 訓練客服機器人

雙入口設計哲學：

✅ 使用者公開連結 = 不用註冊即可問
✅ 製作者後台 = 老師可以建立自己的學科客服

跟 #7/#23 點石成金蜂 LINE+Web 雙形式同款邏輯 — 同源工具不同入口服務不同角色。

#1 真實怎麼做？

真實定位：「即時的線上教育支援和諮詢服務」

核心功能：

學生 / 家長進入分享連結
直接打字問問題
AI 即時回答
不需要註冊 / 登入
不需要 LINE 加好友

真實技術棧（從 Replit live HTML 抓出）

Vite 建置工具（從 data-vite-theme attr 看到）
CSS 變數主題（--background / --foreground / --primary 等）
Tailwind CSS + shadcn/ui 風格（HSL 色彩變數）
部署：Replit Autoscale（document-ai-companion-ipad4.replit.app）

為什麼選 Replit 而不是 GitHub Pages？

阿凱「用對工具」哲學再案例：

平台	適合什麼
GitHub Pages	純靜態 / 簡單 AI 工具
Firebase Hosting	學校自訂域名 + Cloud Functions
Replit Autoscale	AI 客服 + 對話狀態 + 後端邏輯

Replit 優勢：

✅ 支援 Node.js + Python 後端
✅ 內建 AI API 整合
✅ shared link 公開分享機制
✅ Autoscale 自動 spin up（省錢）
✅ 「製作者後台 + 公開連結」雙入口設計成熟

跟 #59 小智鈴客服三件套

阿凱「AI 客服」工具三件套：

#	工具	部署
#1 線上即時客服（本篇）	Replit shared	通用 AI 諮詢
#19 設計專屬客服	Replit 根目錄	製作者後台
#59 小智鈴 AI 客服	GitHub Pages	石門國小資訊組專屬

完整覆蓋：

通用問問題 → #1
想自己做客服 → #19
校內專用 → #59

教學情境

新進老師遇到不懂的：

學校系統 / 教學工具 / 行政流程
不知道找誰問
用 #1 → AI 即時回答

家長半夜疑問：

「孩子作業這題怎麼做」
LINE 老師會被打擾
用 #1 → 不打擾老師

學生自學：

寫作業遇到不懂
不想等老師回家長 LINE
直接用 #1 問

校際諮詢：

其他學校老師想了解
分享 #1 連結 → 不用加 LINE

配對工具推薦

#19 設計自己的專屬客服 — 同 Replit 製作後台
#59 小智鈴 AI 客服 — 校內專屬版
#16 親師溝通小幫手 — 親師訊息 AI

適用對象

學校教職員（遇到問題隨時問）
學生 / 家長（24/7 諮詢）
想看「Replit shared link + 公開分享」案例的開發者
想用「沒有 GitHub repo」也能部署 AI 工具的老師

想試試？

→ 前往 #1 線上即時客服

下次卡關 — 點 #1 連結 → 直接打字問 → 不用加 LINE 不用註冊。