微信天氣預報小程式實戰開發視頻教程

此教程屬於開發實戰系列視頻教程，基於之前發佈的 「60 集微信小程式開發視頻教程」，更新的第二階段視頻課程。

此系列課程將直接進入實戰開發部分。

此系列視頻課程包含：

• 項目初始化
• 頁面 UI 開發
• 頁面路由邏輯
• 微信小程式雲開發平臺的使用
• 小程式用戶登錄與用戶信息管理
• 請求天氣預報介面
• 列表數據處理與綁定
• 打包前的細節優化
• 小程式審核上架

課程大綱
001 - 課程簡介與前置準備-

002 - 項目的初始化-

003 - 獲取用戶定位 API 的調用-

004 - 根據獲取到的經緯度換算成文字的位置信息-

005 - 天氣預報程式請求邏輯詳解-

006 - UI 設計與自我設計的參考資源-

007 - 天氣預報的介面讀取對應的天氣預報數據-

008 - UI 佈局開發分析-

009 - UI 佈局開發之背景漸變-

010 - UI 佈局開發之首頁列表-

011 - UI 佈局開發之列表樣式-

012 - UI 佈局開發之去除滾動列表滾動條-

013 - UI 佈局開發之滾動列表高度計算-

014 - UI 佈局開發之去除頁面整體滾動-

015 - UI 佈局開發之滾動列表細節優化-

016 - 天氣地理位置信息載入-

017 - 今日天氣圖標與穿衣提示載入-

018 - 列表數據載入（一）-

019 - 列表數據載入（二）-

020 - 細節優化與課程總結、資源分享

課程同時免費提供源碼、天氣預報數據介面、課程筆記等資源。

你只需要按照課程的流程來，就可以開發出一模一樣的微信小程式。

之前在知識星球社區里給大家提供的天氣預報數據介面 API 如下。

介面開放了全國天氣預報信息數據，你可以通過關鍵字查詢任意市或者區級別的位置代碼，通過位置代碼查詢最詳細的天氣預報數據。

• 全國天氣預報每隔 6 小時更新數據；
• 精確到行政區級別的天氣預報數據；
• 提供最長 7 天的天氣預報數據；
• 提供每日小時級別的天氣預報數據；
• 提供本地日出日落、當日曆史溫度等附加數據；
• 提供紫外線、穿衣、洗車、空氣污染等額外指導數據；
• 全介面支持 HTTPS（TLS v1.0 / v1.1 / v1.2 / v1.3）；
• 全面相容 Apple ATS；
• 全國多節點 CDN 部署；
• 介面極速響應，多台伺服器構建 API 介面負載均衡。

介面地址：https://www.gugudata.com/api/details/weatherinfo
加入社群，與 1000 多位朋友們共同成長

DevOpen.Club Pro 高質量軟體開發分享討論群，匯聚了近 1000 多名各行各業的軟體開發人員，是供朋友們分享高質量資源、討論軟體開發問題解決方案、尋求孵化項目合作伙伴的乾貨社區。

任何技術都不是限制，我們最終目的是將技術轉化成收入，實現財務自由。

社群中正在更新的原創視頻教程 & 孵化項目進度

1. 所有視頻課程資源您可以在社區置頂帖中查看；

2. 結合之前的 60 集微信小程式基礎課程，再次更新 20 集微信天氣預報小程式實戰開發原創實戰視頻課程；

3. 一小時快速上手 WordPress 站點搭建：最好的 CMS 管理系統，課程從安裝部署到定製開發進行了詳細的實戰講解；

4. 30 分鐘上手 Python 爬蟲：30 分鐘帶你快速上手 Python，詳解了爬蟲底層的原理與實現方法、BeautifulSoup 框架以及實戰爬蟲的實現，快速助力你成為一名大數據工程師；

5. 80 節實戰課精通 React Native 開發：我出版的書籍《React Native 精解與實戰》配套視頻教程；

6. TypeScript 快速入門上手實戰：前端開發入門必備；

7. 編程大世界：軟體開發基礎知識通解，帶你進入軟體開發的大世界；

8. 我們的微信群中孵化出來的一個團隊，做了一個服務於倫敦租房的小程式項目，已上線，在持續迭代；

9. 付費數據介面的無限制免費調用許可權，已在微信群中分配了最高許可權的 Key。

DevOpenClub Pro 社群指南

1. 每日分享高質量的技術開發頭條信息與資源；

2. 遇到任何技術問題都可以進行快速提問、討論交流；

3. 永久獲取每年原創的開發視頻教程第一手資源更新；

4. 獲取其他高質量軟體開發行業新聞、技術文章、教學視頻分享；

5. 群中認識更多的朋友以及分享合作開發項目的機會；

6. 認識更多的行業朋友，或者交流自己的創業小項目；

7. 交流與分享技術面試心得；

8. 高質量、有價值的社區永遠都不會是你所在的 QQ 群或微信群。