展示地址: 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 也是直接暴露出來,介面同樣也有限制,建議自己申請一個。