嘉義高中校友會 · 數位轉型 2026

LINE 官方帳號
完整建立操作指南

從申請帳號、設定 Rich Menu、串接 Webhook,到正式對外開放,完整 4 階段 SOP。

6
個帳號需建立
4
個建立階段
~3H
預計完成時間
免費
基礎方案
Phase 1
申請帳號
2
Phase 2
基礎設定
3
Phase 3
Webhook 串接
4
Phase 4
Rich Menu + 上線
1

Phase 1 — 申請 LINE 官方帳號(共 6 個)

預計時間:60 分鐘 · 需要:電子郵件、手機號碼

1-1

前往 LINE for Business 免費開設帳號

每個帳號需要獨立 LINE 帳號或 Business ID 登入

進行中
LINE 官方帳號完全免費申請,只需要一個 LINE 帳號或 Email(LINE Business ID)。建議為校友會準備一個專用 Gmail 來管理所有帳號。
💡

建議先準備:專用 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)

1-2

申請帳號時的填寫規範

六個帳號的名稱、業種、說明需統一格式

待操作
欄位總會(L0)北區 / 中區(L1 範例)必填
帳號名稱 嘉義高中校友會(總會) 嘉中校友會北區 必填
業種 社團・NPO → 校友會 / 同學會 必填
帳號說明 嘉義高中 100 年校慶校友會總入口,服務全球嘉中人。 嘉中校友會北區(大台北・桃竹),活動報名・工商媒合・農產商城一站搞定。 建議填
地址 嘉義市東區林森東路 888 號(嘉義高中) 可填
電話 校友會聯絡電話 可填
網址 https://(之後填入正式網址) (之後填入) 可填
ℹ️

帳號名稱建立後可以修改,但 LINE ID(@189lpfhr 等)設定後無法更改,請謹慎填寫。LINE ID 須為 4~20 字元的英數字或底線,且全域唯一。

1-3

方案選擇(收費說明)

初期使用免費方案即可,視需求升級

待確認

🟢 免費方案

$0/月
  • 每月 200 則免費群發
  • 無限 1:1 聊天
  • 基本 Rich Menu
  • 自動回應訊息
  • 優惠券、集點卡

⚡ 輕用量方案

$800/月
  • 每月 15,000 則群發
  • 超量每則 $0.2
  • 進階統計分析
  • Messaging API 完整功能

🚀 中用量方案

$4,000/月
  • 每月 45,000 則群發
  • 超量每則 $0.15
  • 所有進階功能
  • API 無限制呼叫
💡

建議:6 個帳號全部先用免費方案開始。Messaging API(Webhook)在免費方案下也可完整使用,只有群發則數受限。正式上線後依推播量決定是否升級。

2

Phase 2 — 基礎設定(每個帳號都需要)

預計時間:30 分鐘 × 6 個帳號 = 約 3 小時

2-1

上傳大頭貼 & 封面圖片

設定視覺識別,讓校友認出帳號

待操作
進入 LINE Official Account Manager → 點選左側「主頁」→ 點選帳號圖片區域上傳。
圖片尺寸格式說明
大頭貼 480 × 480 px JPG / PNG 校友會 Logo,圓形裁切,建議純色底
封面圖片 1080 × 878 px JPG / PNG 校友會橫幅,可放「百年嘉中」主視覺
🎨

如需設計素材,可使用 Canva 免費製作。搜尋「LINE 官方帳號封面」模板即有現成版型。

2-2

開啟 Messaging API(接 Webhook 前必做)

在 LINE OA Manager 設定 → Messaging API 分頁中開啟

待操作
每個帳號都需要個別開啟 Messaging API,開啟後會自動在 LINE Developers Console 建立對應的 Channel。
  • 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 IDChannel SecretAccess Token
L0 總會(建立後填入)(建立後填入)(建立後填入)
L1 北區(建立後填入)(建立後填入)(建立後填入)
L1 中區(建立後填入)(建立後填入)(建立後填入)
L1 南區(建立後填入)(建立後填入)(建立後填入)
L1 東區(建立後填入)(建立後填入)(建立後填入)
L1 海外(建立後填入)(建立後填入)(建立後填入)
2-3

關閉「自動回應」,交由 Bot 程式控制

避免自動回應訊息與 Bot 衝突

待操作
  • LINE OA Manager → 設定 → 回應設定
  • 回應模式」選擇「Bot
  • 關閉「自動回應訊息
  • 開啟「Webhook
  • 「加入好友的歡迎訊息」可暫時保留,待 Bot 上線後再關閉

完成後,LINE OA Manager 的回應設定頁面應顯示:回應模式 = Bot,Webhook = 已啟用。

3

Phase 3 — Webhook 串接(連接後端系統)

預計時間:2-4 小時(需有後端伺服器)

📡 訊息流程架構

LINE 用戶
傳送訊息
LINE Server
(6 個 OA)

HTTPS POST
Webhook 路由
/webhook/line/:orgId
Hono Handler
(Cloudflare Workers)
D1 Database
+ KV Cache
每個帳號的 Webhook URL 格式:https://your-domain.pages.dev/webhook/line/{orgId}
3-1

在後端設定 Webhook 路由

Cloudflare Workers / Hono 接收 LINE 事件

待開發
Webhook 需要一個公開的 HTTPS 網址。使用 Cloudflare Workers (Hono) 部署後會自動有 HTTPS,格式為 https://webapp.pages.dev
src/index.tsx — Hono Webhook 路由
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)
  }
}
wrangler.jsonc — 每個帳號的 Secret 設定
# 每個帳號執行一次(替換 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
# ... 以此類推
3-2

在 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」已開啟(綠色)
4

Phase 4 — Rich Menu 設定 & 正式上線

預計時間:60 分鐘 · 每個帳號設計不同版型

4-1

設定 Rich Menu(主選單圖文)

讓用戶在聊天室下方看到功能按鈕

待操作
Rich Menu 是 LINE 聊天室底部的互動式選單,點擊各按鈕可觸發 Bot 指令或開啟 LIFF 頁面。每個帳號可設計不同的 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 商城頁面)
右上💼 工商媒合傳送文字工商媒合
左下🗺️ 選擇分區傳送文字選擇分區
中下👤 我的帳戶傳送文字我的帳戶
右下📞 聯絡我們傳送文字聯絡我們
4-2

加入好友歡迎訊息

新用戶加入時自動發送的第一則訊息

待操作
加入好友後的第一則訊息至關重要,建議使用圖文訊息(Flex Message)取代純文字。以下是 L0 總會的歡迎訊息範本:
L0 總會 歡迎訊息文字版(可直接貼入)
🎓 歡迎加入嘉義高中校友會!

您好,親愛的嘉中人 👋

我是嘉中校友會的智慧小助手,
為您提供以下服務:

📋 活動報名 — 百年校慶、同學會、講座
🛒 農產商城 — 農友校友優質農產直送
💼 工商媒合 — 校友企業資源共享平台
🗺️ 選擇分區 — 加入您所在的區域校友會

請選擇下方選單,或直接輸入您的需求!
如需幫助請輸入「選單」顯示所有功能。

#嘉中人 #嘉義高中 #百年嘉中
💡

若 Webhook 已接通,歡迎訊息建議改由 Bot 程式發送 Flex Message(含按鈕、圖片),視覺效果更好。在 LINE OA Manager 可先設定文字版歡迎訊息作為備用。

4-3

申請認證帳號(藍盾 → 綠盾)

提升可信度,讓用戶更願意加入

待操作
新申請的帳號預設為灰盾(一般帳號),申請認證後會顯示藍盾(認證帳號),LINE 搜尋結果中排名更前。校友會屬於 NPO/社團類,可申請。
  • 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 帳號。