Phase 1 — 申請 LINE 官方帳號(共 6 個)
預計時間:60 分鐘 · 需要:電子郵件、手機號碼
@189lpfhr@379jcqoj@148avodq@298xmflx@087nwoac@017tjfdr前往 LINE for Business 免費開設帳號
每個帳號需要獨立 LINE 帳號或 Business ID 登入
建議先準備:專用 Gmail(如 cyhs.alumni.official@gmail.com)· 手機號碼用於驗證 · 校友會 Logo 圖片(正方形,建議 480×480px)· 封面圖片(1080×878px)
- 前往 tw.linebiz.com 點選右上角「免費開設帳號」
- 選擇「以 LINE 帳號登入」(用您的個人 LINE)或「建立商用 LINE ID」(用 Email)
- 帳號名稱填入「嘉義高中校友會(總會)」— 這是公開顯示名稱
- 業種選擇:社團・NPO → 校友會 / 同學會
- 電子郵件填入,勾選服務條款,點選「完成」
申請完成後,系統會顯示「您的 LINE 官方帳號已建立完成」,並自動進入管理後台(LINE Official Account Manager)
申請帳號時的填寫規範
六個帳號的名稱、業種、說明需統一格式
| 欄位 | 總會(L0) | 北區 / 中區(L1 範例) | 必填 |
|---|---|---|---|
| 帳號名稱 | 嘉義高中校友會(總會) | 嘉中校友會北區 | 必填 |
| 業種 | 社團・NPO → 校友會 / 同學會 | 必填 | |
| 帳號說明 | 嘉義高中 100 年校慶校友會總入口,服務全球嘉中人。 | 嘉中校友會北區(大台北・桃竹),活動報名・工商媒合・農產商城一站搞定。 | 建議填 |
| 地址 | 嘉義市東區林森東路 888 號(嘉義高中) | 可填 | |
| 電話 | 校友會聯絡電話 | 可填 | |
| 網址 | https://(之後填入正式網址) | (之後填入) | 可填 |
帳號名稱建立後可以修改,但 LINE ID(@189lpfhr 等)設定後無法更改,請謹慎填寫。LINE ID 須為 4~20 字元的英數字或底線,且全域唯一。
方案選擇(收費說明)
初期使用免費方案即可,視需求升級
🟢 免費方案
- 每月 200 則免費群發
- 無限 1:1 聊天
- 基本 Rich Menu
- 自動回應訊息
- 優惠券、集點卡
⚡ 輕用量方案
- 每月 15,000 則群發
- 超量每則 $0.2
- 進階統計分析
- Messaging API 完整功能
🚀 中用量方案
- 每月 45,000 則群發
- 超量每則 $0.15
- 所有進階功能
- API 無限制呼叫
建議:6 個帳號全部先用免費方案開始。Messaging API(Webhook)在免費方案下也可完整使用,只有群發則數受限。正式上線後依推播量決定是否升級。
Phase 2 — 基礎設定(每個帳號都需要)
預計時間:30 分鐘 × 6 個帳號 = 約 3 小時
上傳大頭貼 & 封面圖片
設定視覺識別,讓校友認出帳號
| 圖片 | 尺寸 | 格式 | 說明 |
|---|---|---|---|
| 大頭貼 | 480 × 480 px | JPG / PNG | 校友會 Logo,圓形裁切,建議純色底 |
| 封面圖片 | 1080 × 878 px | JPG / PNG | 校友會橫幅,可放「百年嘉中」主視覺 |
如需設計素材,可使用 Canva 免費製作。搜尋「LINE 官方帳號封面」模板即有現成版型。
開啟 Messaging API(接 Webhook 前必做)
在 LINE OA Manager 設定 → Messaging API 分頁中開啟
- LINE OA Manager → 左側「設定」→「Messaging API」→ 點「啟用 Messaging API」
- 選擇或建立 Provider(建議命名為「嘉義高中校友會」,所有帳號共用同一 Provider)
- 點「確認」→ 系統會在 LINE Developers Console 建立 Channel
- 記錄下「Channel ID」「Channel Secret」「Channel Access Token」,這三組資訊後續串接 Webhook 需用到
重要:開啟 Messaging API 後,LINE OA Manager 的「自動回應訊息」和「聊天」功能會受限制。Bot 的所有回應都需要透過 Webhook 程式控制。
記錄每個帳號的 Token,建議建立一個 Google Sheet 統一管理:
| 帳號 | Channel ID | Channel Secret | Access Token |
|---|---|---|---|
| L0 總會 | (建立後填入) | (建立後填入) | (建立後填入) |
| L1 北區 | (建立後填入) | (建立後填入) | (建立後填入) |
| L1 中區 | (建立後填入) | (建立後填入) | (建立後填入) |
| L1 南區 | (建立後填入) | (建立後填入) | (建立後填入) |
| L1 東區 | (建立後填入) | (建立後填入) | (建立後填入) |
| L1 海外 | (建立後填入) | (建立後填入) | (建立後填入) |
關閉「自動回應」,交由 Bot 程式控制
避免自動回應訊息與 Bot 衝突
- LINE OA Manager → 設定 → 回應設定
- 「回應模式」選擇「Bot」
- 關閉「自動回應訊息」
- 開啟「Webhook」
- 「加入好友的歡迎訊息」可暫時保留,待 Bot 上線後再關閉
完成後,LINE OA Manager 的回應設定頁面應顯示:回應模式 = Bot,Webhook = 已啟用。
Phase 3 — Webhook 串接(連接後端系統)
預計時間:2-4 小時(需有後端伺服器)
📡 訊息流程架構
傳送訊息
(6 個 OA)
HTTPS POST
/webhook/line/:orgId
(Cloudflare Workers)
+ KV Cache
https://your-domain.pages.dev/webhook/line/{orgId}
在後端設定 Webhook 路由
Cloudflare Workers / Hono 接收 LINE 事件
https://webapp.pages.dev。
import { Hono } from 'hono'
import { createHmac } from 'crypto'
const app = new Hono<{ Bindings: CloudflareBindings }>()
// ── 統一 Webhook 入口:每個 OA 各自一條路由 ──
// orgId: HQ | NORTH | MID | SOUTH | EAST | INTL
app.post('/webhook/line/:orgId', async (c) => {
const orgId = c.req.param('orgId').toUpperCase()
const body = await c.req.text()
const sig = c.req.header('x-line-signature') ?? ''
// 1. 驗證簽章(防偽造請求)
const secret = c.env[`LINE_SECRET_${orgId}`] // 從 KV/環境變數取得
const hash = createHmac('sha256', secret)
.update(body).digest('base64')
if (hash !== sig) return c.text('Unauthorized', 401)
// 2. 解析事件
const { events } = JSON.parse(body)
for (const event of events) {
await handleLineEvent(event, orgId, c.env)
}
return c.text('OK')
})
async function handleLineEvent(event, orgId, env) {
if (event.type === 'follow') {
// 新好友加入 → 寫入 D1,發送歡迎訊息
await registerNewMember(event.source.userId, orgId, env)
} else if (event.type === 'message') {
// 訊息事件 → 關鍵字自動回應
await handleMessage(event, orgId, env)
}
}
# 每個帳號執行一次(替換 NORTH/MID/SOUTH/EAST/INTL) npx wrangler secret put LINE_SECRET_HQ npx wrangler secret put LINE_TOKEN_HQ npx wrangler secret put LINE_SECRET_NORTH npx wrangler secret put LINE_TOKEN_NORTH # ... 以此類推
在 LINE Developers Console 填入 Webhook URL
告訴 LINE 把事件發到哪裡
- 前往 LINE Developers Console → 選擇對應 Channel → 點「Messaging API」分頁
- 找到「Webhook settings」→ 填入 Webhook URL
| 帳號 | Webhook URL |
|---|---|
| L0 總會 | https://your-domain.pages.dev/webhook/line/HQ |
| L1 北區 | https://your-domain.pages.dev/webhook/line/NORTH |
| L1 中區 | https://your-domain.pages.dev/webhook/line/MID |
| L1 南區 | https://your-domain.pages.dev/webhook/line/SOUTH |
| L1 東區 | https://your-domain.pages.dev/webhook/line/EAST |
| L1 海外 | https://your-domain.pages.dev/webhook/line/INTL |
- 填入後點「Update」→ 再點「Verify」,看到「Success」才代表連線成功
- 確認「Use webhook」已開啟(綠色)
Phase 4 — Rich Menu 設定 & 正式上線
預計時間:60 分鐘 · 每個帳號設計不同版型
設定 Rich Menu(主選單圖文)
讓用戶在聊天室下方看到功能按鈕
📱 L0 總會 Rich Menu 設計建議(2500×1686 px,6宮格)
↑ 示意圖 — 實際需上傳圖片(非純色)
- LINE OA Manager → 主頁 → 左側「Rich Menu」→「建立」
- 版型選擇:建議選「大版型 (2500×1686)」→ 2列3欄 = 6個按鈕
- 上傳圖片 → 點選各格設定動作:傳送文字(觸發 Bot 指令)或開啟 URL(LIFF / 網頁)
- 設定「預設顯示狀態」= 展開 → 用戶進入聊天室就看得到選單
- 點「發布」→ Rich Menu 立即對所有好友顯示
| 格子 | 按鈕文字 | 動作類型 | 動作值 |
|---|---|---|---|
| 左上 | 📋 活動報名 | 傳送文字 | 活動報名 |
| 中上 | 🛒 農產商城 | 開啟 URL | (LIFF 商城頁面) |
| 右上 | 💼 工商媒合 | 傳送文字 | 工商媒合 |
| 左下 | 🗺️ 選擇分區 | 傳送文字 | 選擇分區 |
| 中下 | 👤 我的帳戶 | 傳送文字 | 我的帳戶 |
| 右下 | 📞 聯絡我們 | 傳送文字 | 聯絡我們 |
加入好友歡迎訊息
新用戶加入時自動發送的第一則訊息
🎓 歡迎加入嘉義高中校友會! 您好,親愛的嘉中人 👋 我是嘉中校友會的智慧小助手, 為您提供以下服務: 📋 活動報名 — 百年校慶、同學會、講座 🛒 農產商城 — 農友校友優質農產直送 💼 工商媒合 — 校友企業資源共享平台 🗺️ 選擇分區 — 加入您所在的區域校友會 請選擇下方選單,或直接輸入您的需求! 如需幫助請輸入「選單」顯示所有功能。 #嘉中人 #嘉義高中 #百年嘉中
若 Webhook 已接通,歡迎訊息建議改由 Bot 程式發送 Flex Message(含按鈕、圖片),視覺效果更好。在 LINE OA Manager 可先設定文字版歡迎訊息作為備用。
申請認證帳號(藍盾 → 綠盾)
提升可信度,讓用戶更願意加入
- LINE OA Manager → 設定 → 帳號資訊 → 認證狀態 → 點「申請認證」
- 業種選擇「社團・NPO → 校友會」
- 填寫校友會基本資料、聯絡人、官方網址
- 提交後等待 LINE 審核(約 5~10 個工作天)
認證審核期間帳號仍可正常使用,建議在建立帳號後 1~2 週內同時提交認證申請,不影響開發進度。
完整確認清單(共 6 個帳號 × 每項操作)
- 1. 申請帳號 — 在 tw.linebiz.com 建立 6 個 LINE 官方帳號(L0×1 + L1×5)
- 2. 設定 LINE ID — 在建立時設定 @189lpfhr / @379jcqoj / @148avodq / @298xmflx / @087nwoac / @017tjfdr
- 3. 上傳 Logo & 封面 — 480×480 大頭貼 + 1080×878 封面圖片
- 4. 啟用 Messaging API — 所有 6 個帳號都要開啟,記錄 Channel Secret & Access Token
- 5. 設定回應模式 = Bot — 關閉自動回應,開啟 Webhook
- 6. 填入 Webhook URL — 在 LINE Developers Console 填入並 Verify 通過
- 7. 設定 Rich Menu — 設計 6 格選單圖片並發布
- 8. 設定歡迎訊息 — 每個帳號設定加入好友歡迎文案
- 9. 申請認證帳號 — 提交認證申請(等待審核中不影響使用)
- 10. 更新官方網站 LINE ID — 將 line-site.html 中的 @cyhs-xxx 替換為真實申請到的 ID
重要注意事項
Channel Secret & Access Token 機密保護:這兩組金鑰等同帳號密碼,絕對不能放進 GitHub 程式碼。必須使用 npx wrangler secret put 存入 Cloudflare Workers 的環境變數。
LINE ID 不可更改:@189lpfhr 等 ID 設定後永久無法修改,若 ID 已被他人使用,需要換用其他 ID(如 @cyhs.alumni 或 @cyhs-tw 等)
建議使用電腦操作:LINE OA Manager 電腦版功能比手機 App 更完整,Rich Menu 設定、Messaging API 設定等進階功能須使用電腦版網頁操作。
取得真實 LINE ID 後請通知我:申請完成後,將實際申請到的 @帳號ID 告知,我可以立即更新官方網站的加入連結和 QR Code,讓用戶點擊後直接跳到正確的 LINE 帳號。