每天出門前，最常遇到的一個問題就是──今天的天氣怎麼樣？
要不要帶傘？氣溫會不會太低？這些都會影響我們的行程安排。雖然現在手機都有內建的天氣 App，但如果能自己動手做一個專屬的天氣查詢工具，不但更有彈性，也能藉此練習前後端的整合。
這次的專案，我會用 Node.js 搭配 Express 來建立後端伺服器，透過呼叫第三方的 OpenWeather API，取得即時的天氣資料；再配合 HTML + JavaScript 打造一個簡單的前端頁面，讓使用者只要輸入城市名稱，就能馬上看到當地的天氣資訊。
在這個過程中，不只是單純把資料顯示出來，而是能夠體驗「前端送出請求 → 後端接收並處理 → 串接外部 API → 回傳結果」這整個流程。這是一個小巧卻完整的應用案例，對於熟悉 API 串接 和 資料交換 都很有幫助。
接下來，就讓我們一步一步完成屬於自己的「天氣查詢小工具」吧！
iThome鐵人賽
看影片追技術