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

此教程属于开发实战系列视频教程，基于之前发布的 「60 集微信小程序开发视频教程」，更新的第二阶段视频课程。

此系列课程将直接进入实战开发部分。

此系列视频课程包含：

• 项目初始化
• 页面 UI 开发
• 页面路由逻辑
• 微信小程序云开发平台的使用
• 小程序用户登录与用户信息管理
• 请求天气预报接口
• 列表数据处理与绑定
• 打包前的细节优化
• 小程序审核上架

课程大纲

#001 - 课程简介与前置准备(04:38)
#002 - 项目的初始化(10:56)
#003 - 获取用户定位 API 的调用(10:39)
#004 - 根据获取到的经纬度换算成文字的位置信息(07:43)
#005 - 天气预报程序请求逻辑详解(06:48)
#006 - UI 设计与自我设计的参考资源(07:23)
#007 - 天气预报的接口读取对应的天气预报数据(07:14)
#008 - UI 布局开发分析(05:56)
#009 - UI 布局开发之背景渐变(10:27)
#010 - UI 布局开发之首页列表(10:38)
#011 - UI 布局开发之列表样式(08:34)
#012 - UI 布局开发之去除滚动列表滚动条(07:34)
#013 - UI 布局开发之滚动列表高度计算(11:06)
#014 - UI 布局开发之去除页面整体滚动(05:56)
#015 - UI 布局开发之滚动列表细节优化(07:33)
#016 - 天气地理位置信息加载(07:53)
#017 - 今日天气图标与穿衣提示加载(10:33)
#018 - 列表数据加载（一）(09:16)
#019 - 列表数据加载（二）(08:38)
#020 - 细节优化与课程总结、资源分享(05:48)

课程同时免费提供源码、天气预报数据接口、课程笔记等资源。

你只需要按照课程的流程来，就可以开发出一模一样的微信小程序。

之前在知识星球社区里给大家提供的天气预报数据接口 API 如下。

接口开放了全国天气预报信息数据，你可以通过关键字查询任意市或者区级别的位置代码，通过位置代码查询最详细的天气预报数据。

• 全国天气预报每隔 6 小时更新数据；
• 精确到行政区级别的天气预报数据；
• 提供最长 7 天的天气预报数据；
• 提供每日小时级别的天气预报数据；
• 提供本地日出日落、当日历史温度等附加数据；
• 提供紫外线、穿衣、洗车、空气污染等额外指导数据；
• 全接口支持 HTTPS（TLS v1.0 / v1.1 / v1.2 / v1.3）；
• 全面兼容 Apple ATS；
• 全国多节点 CDN 部署；
• 接口极速响应，多台服务器构建 API 接口负载均衡。

接口地址：https://www.gugudata.com/api/details/weatherinfo