Formosa ESG 2026 — 使用者流程圖
LINE 相關
主要流程
資料 / 伺服器
等級 / 成就
碳足跡
1
開啟頁面
使用者從 QR Code 或 LINE Rich Menu 進入 Tracker
📱 QR Code 掃碼
實體海報 / 社群分享連結
💬 LINE 圖文選單
LINE Bot @539fkwjd 下方按鈕
2
LINE 登入 LIFF SDK
透過 LIFF 自動觸發 LINE Login，免密碼、免註冊
LIFF init → 檢查登入狀態 → 自動取得 LINE 頭像與名稱
首次登入時自動在 D1 建立使用者（formosa_users upsert）
本機存入 formosa_user_id + formosa_access_token
首次登入時自動在 D1 建立使用者（formosa_users upsert）
本機存入 formosa_user_id + formosa_access_token
已登入？
✅ Yes
自動顯示頭像 + 名稱，直接進入 ❌ No
跳轉 LINE 授權頁 → 授權後回到 Tracker 3
隱私同意 + AuthGate
說明資料蒐集範圍，取得使用者同意後解鎖功能
蒐集項目：LINE 個人資料、GPS 軌跡、問卷答案、每日碳排回報
照片僅讀取 EXIF GPS 座標（不上傳伺服器）
使用者隨時可透過「完成進香」按鈕停止追蹤
照片僅讀取 EXIF GPS 座標（不上傳伺服器）
使用者隨時可透過「完成進香」按鈕停止追蹤
4
問卷填寫（14 題）一題一頁卡片
線性進度條 ＋ 可中斷存檔（localStorage 自動保存）
Q1-Q3
善行與感動時刻、慈善理解度
Q4-Q6
活動後生活改變意願
Q7-Q8
交通方式 + 距離（步行/開車/機車/公車/捷運/火車/高鐵）
Q9-Q14
瓶裝水 / 回收 / 旅宿 / 電話 / 碳排試算
⚡ 碳排試算即時運算（SBTi 善足跡 / Ecoinvent 3.10）
📞 電話欄位是解鎖成就卡的三大條件之一
📞 電話欄位是解鎖成就卡的三大條件之一
5
提交問卷 Server Sync
問卷答案綁定 LINE userId，寫入 Cloudflare D1
Rate limit：每 10 分鐘最多 2 次提交
提交後進入打卡模式（主畫面）
提交後進入打卡模式（主畫面）
6
打卡模式（Check-in Mode）
進香期間的主要操作畫面，GPS 持續追蹤
📍 GPS 自動追蹤
背景持續記錄路線，KV Buffer 暫存 → 批次寫入 D1
✋ 手動打卡
按鈕觸發 + 定位，累積里程與打卡次數
📷 拍照打卡
選照片 → 讀取 EXIF GPS → 照片不上傳（僅文字示意）
⏸️ 暫離 / 完成
暫停追蹤不結束 session；「完成進香」結算成就卡
Rate limit：5 次打卡 / 60 秒（KV 滑動窗口計數器）
GPS 點先寫 KV（TTL 24hr），每晚批次 flush 到 D1
GPS 點先寫 KV（TTL 24hr），每晚批次 flush 到 D1
持續循環（活動期間每天重複操作）
6.5
每日碳足跡回報 🌱
GPS 速度自動判斷 + 手動補充，即時換算碳排
🚶 零碳移動（自動）
速度 <15 km/h → 判定步行/騎車 → CO₂ = 0
🚗 交通碳排（手動）
開車 0.21 / 機車 0.10 / 公車 0.05 / 捷運 0.03 kg CO₂e/km
🧴 日常碳排
塑膠瓶 0.3 kg/瓶、旅宿 2.5 kg/晚
📊 即時試算
碳足跡 + 碳減量（vs. 全程開車）
資料來源：SBTi 善足跡 / Ecoinvent 3.10
每日可重新提交（覆蓋前次紀錄）
每日可重新提交（覆蓋前次紀錄）
7
等級系統 + AI 公仔
雙條件升級（公里數 + 打卡次數），9 級進化
| 等級 | 名稱 | 公里 | 打卡 | 對應 |
|---|---|---|---|---|
| Lv.1 | 🔥 煉氣香客 | 0 | 1 | 起步 |
| Lv.2 | 🧱 築基香客 | 15 | 3 | ≈ Day 1 |
| Lv.3 | 💛 金丹香客 | 45 | 5 | ≈ Day 2 |
| Lv.4 | 👶 元嬰香客 | 90 | 6 | ≈ Day 3 |
| Lv.5 | ✨ 化神香客 | 135 | 8 | ≈ Day 4 |
| Lv.6 | 🌀 煉虛香客 | 180 | 10 | ≈ Day 5 |
| Lv.7 | 🤝 合體香客 | 225 | 12 | ≈ Day 6 |
| Lv.8 | 🏆 大乘香客 | 270 | 14 | ≈ Day 7 |
| Lv.9 | 🚀 飛升香客 | 300 | 14+ | 全程走完 |
每級對應一張 AI 生成粉色頭巾公仔（1200px WebP）
雙條件邏輯：公里數 AND 打卡數都要達標才升級
雙條件邏輯：公里數 AND 打卡數都要達標才升級
8
成就卡解鎖 🏅
三大條件全部達成才會解鎖
✓
打卡 ≥ 3 次 ✓
完成問卷 ✓
留電話號碼 🎴 卡片內容
公仔 + 等級 + 里程 + 打卡數 + 碳排 + 碳減量 + 路線地圖
📎 QR Code
連結個人驗證頁 /my/[userId]，商家可掃碼驗證
9
分享 📤 Web Share API
一鍵分享，自動產生 OG 預覽圖
📤 原生分享
按鈕觸發 Web Share API → 系統選單（LINE / FB / 複製連結）
🖼️ OG 預覽圖
html2canvas 截圖 → 上傳 R2 → 動態 OG meta tag
🔗 個人頁面
朋友點連結可看即時數據（公里 / 打卡 / 碳排）
🤖 爬蟲偵測
Pages Function 攔截 LINE/FB crawler，改寫 OG meta
10
完成進香 🎉
使用者主動結束 或 活動結束自動結算（4/20）
停止 GPS 追蹤 → 結算最終等級 → 成就卡定版
個人頁面永久保留（QR Code 持續有效）
個人頁面永久保留（QR Code 持續有效）