works自主研發・即時票價追蹤站

台北出發熱門航線每日最低票價站/2026

台北機票雷達

台北出發,每天更新的最低票價

tpe-cheap-flights.vercel.app
台北機票雷達 桌機版網站畫面
台北機票雷達 手機版網站畫面
/ system設計系統

網站色系

  • 深青#0E4A54
  • 珊瑚橘#E4633F
  • 暖紙白#F7F3EB
  • 墨色#1D2422
  • 灰綠#66706B

字體樣式

NT$4,569

Bricolage Grotesque標題・價格數字

台北出發,每天更新的最低票價

Huninn(粉圓體)中文內文・介面文字

12

熱門航線

每日

自動抓價部署

真實

Travelpayouts 票價

雙模式

單程/來回切換

N° 01the challenge

挑戰

機票比價站大多是一次性抓取、資料很快過期,或直接把使用者導去廣告聯盟頁面看不到真實價格。要做一個「每天真的有新資料」的站,得先解決三件事:找到免費又合規的即時票價資料源、設計每日自動抓價不斷線的排程,並誠實標示這是單程還是來回票——這件事在上線後才被發現當初根本沒做。

N° 02our approach

解法

資料源選定 Travelpayouts/Aviasales Data API(免費且合規,排除了 ToS 禁止爬取的 Google Flights 與正捲入官司的 SerpApi),GitHub Actions 每日台北時間 06:30 自動抓 12 條航線的單程與來回價格、commit 進 repo,觸發 Vercel 重新部署;抓取失敗自動沿用舊資料並標記 stale,不讓已收錄頁面 404。上線後 Dio 一句「這是來回票還是單程票」才發現站上從未標示行程類型,隨即補上 schema 的 oneway/roundtrip 雙欄位與航線頁的單程/來回切換元件,首頁與所有價格卡也同步補上「單程」字樣。

N° 03what shipped

成果

台北機票雷達正式上線並全自動運轉:12 條航線每日真實票價、單程/來回雙模式切換、近期出發日期價格表與歷史走勢圖、真實城市照片式版面,GitHub Actions 每日排程抓價、Vercel 自動部署,桌機與手機皆完成優化。

/ screens內頁實錄
首頁・今日最殺航線卡牌
01首頁・今日最殺航線卡牌
航線頁・單程價格分佈與日期表(東京)
02航線頁・單程價格分佈與日期表(東京)
航線頁・來回模式切換(曼谷)
03航線頁・來回模式切換(曼谷)

ready to build?

你的品牌 也值得一個這樣的網站