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

ZALE發表於2018-03-06

展示地址: simple-weather

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

simple-weather

simple-weather, 正如它的名字一樣, 提供了非常簡潔的介面和基本的實時天氣資訊,並且帶有IP定位功能。

效果圖

PC端:

simple_weather_web

移動裝置端:

simple_weather_mobile_devices

技術框架

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

特點

  • 簡潔的介面及展示必要的天氣資訊
  • 支援縣級、區級天氣
  • 自帶基於IP定位的天氣查詢功能
  • 自定義查詢天氣支援中文、拼音輸入
  • ...

天氣介面和IP定位介面說明

  • 天氣介面: 該天氣資料 API 是由和風天氣提供的,key 直接暴露出來了,由於是免費版本,所以介面的呼叫次數和頻率有一定的限制,建議去官網申請一個。

  • IP定位介面: IP定位是使用的騰訊地圖的定位 API,key 也是直接暴露出來,介面同樣也有限制,建議自己申請一個。

相關文章