React + Redux + Redux-thunk + Semantic-UI-React 實現一個簡單天氣App

展現地址: simple-weather

github 地址: github.com/zaleGZL/sim…

simple-weather

simple-weather, 正如它的名字同樣， 提供了很是簡潔的界面和基本的實時天氣信息，而且帶有IP定位功能。

效果圖

PC端:

移動設備端:

技術框架

該應用是基於 React + Redux 實現的，頁面的 UI 則是使用了 Semantic-UI-React 庫來完成的。

特色

• 簡潔的界面及展現必要的天氣信息
• 支持縣級、區級天氣
• 自帶基於IP定位的天氣查詢功能
• 自定義查詢天氣支持中文、拼音輸入
• ...

天氣接口和IP定位接口說明

• 天氣接口: 該天氣數據 API 是由和風天氣提供的，key 直接暴露出來了，因爲是免費版本，因此接口的調用次數和頻率有必定的限制，建議去官網申請一個。

• IP定位接口: IP定位是使用的騰訊地圖的定位 API，key 也是直接暴露出來，接口一樣也有限制，建議本身申請一個。