微信天气预报小程序实战开发视频教程

此教程属于开发实战系列视频教程，基于之前发布的 「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 群或微信群。