Logo
CASE STUDY / 05

天氣 Bike 小幫手

LINE Bot Project - 2024

透過 LINE 聊天介面整合 YouBike 與天氣查詢功能, 讓使用者能快速取得即時站點資訊與天氣預報, 減少在不同 App 與網站之間切換的成本。

check_circleLINE Bot
check_circleYouBike 查詢
check_circle天氣預報
check_circleFlex Message
check_circle第三方 API 整合
Node.jsExpressLINE BotFlex MessageAPI Integration
天氣 Bike 小幫手圖片

Overview

在 LINE 中快速查詢天氣與 YouBike 資訊

backend

  • LINE Messaging API
  • REST API Integration
  • Message Flow Design
  • Third Party API Integration

messaging

  • Flex Message Design
  • Rich Menu Design
  • User Interaction Design

architecture

  • 關鍵字路由設計
  • 功能選單規劃
  • 使用者互動流程設計

Tech Stack

terminal

backend

Node.js , Express , LINE Bot SDK

api

YouBike API , Central Weather Administration API

messaging

Flex Message , Rich Menu

Feature Showcase

01 / FEATURE

YouBike 站點查詢

快速取得附近 YouBike 站點資訊, 包含可借車輛數量與剩餘停車格資訊。

站點查詢

車輛數量顯示

空位資訊顯示

多城市支援

02 / FEATURE

天氣預報查詢

查詢即時天氣與未來天氣預報, 協助使用者規劃通勤與外出行程。

即時天氣

3 小時預報

3 天預報

1 週預報

03 / FEATURE

LINE 互動體驗

利用 Flex Message 與功能選單, 提供更直覺的聊天式操作體驗。

關鍵字觸發

功能選單

Flex Message

圖文訊息互動

Engineering Challenges

01 / 整合多個第三方 API

Data Integration

Problem

YouBike 與中央氣象署 API 提供的資料格式與欄位定義不同, 若直接使用將增加後續維護成本, 同時也需要考量 API 請求失敗或資料異常情況。

Solution

建立資料轉換層, 統一資料結構與回傳格式, 並加入錯誤處理機制, 提升系統穩定性與維護性。

Node.jsExpress

02 / 聊天流程設計

User Experience

Problem

使用者無法像網站一樣透過導覽列操作, 若功能過多容易增加學習成本。

Solution

設計功能選單與關鍵字觸發流程, 搭配 Flex Message 呈現資訊, 提供更清晰的操作體驗。

LINE Bot SDKFlex Message

03 / 多城市資料整合

Data Normalization

Problem

不同城市的 YouBike API 結構與資料格式存在差異, 增加資料處理與維護難度。

Solution

建立統一資料格式與轉換邏輯, 將不同來源資料整理成一致結構, 讓後續功能擴充更加容易。

Node.jsAPI Integration

System Design

01 / 訊息路由設計

Message Routing

根據使用者輸入的關鍵字與選單操作, 將請求導向對應功能模組, 降低功能之間的耦合度並提升維護性。

LINE Bot SDKExpress
ELIO WEI © 2026 ELIO WEI. ENGINEERED WITH PRECISION.