拂衣天气(微天气)-序章
前言
天气小程序产生于2022年年初,目的是用于验证自己是否有进入全栈开发(仅前后端)的能力。该项目从2022年1月12号正式启动,于2022年3月19日发布一阶段最终版本(1.1.9),总体耗时2个月零7天。从内容完整度以及界面友好程度来说,我给自己70分。
完成内容
- 和风天气API接入,可实现实时天气、实时空气、24小时天气预报、7天天气预报
- 使用echarts for wechat进行24小时天气预报展示
- 通过腾讯位置服务提供的微信小程序解决方案实现地图个性化展示(目前使用风格:白浅)
- 通过自建服务实现小程序静默登录
- 通过自建服务实现关注城市的持久化管理
- 实现天气分享功能,通过生成一张图片进行分享,可直接分享给朋友或群组
- 默认通过定位获取所在位置的天气数据
- 天气数据均通过服务端代理进行获取,从而避免相关key直接暴露在客户端
- 提供通过经纬度查询所处行政区划的服务,提供行政区划查询服务,皆可获取对应行政区划中心点基于边界数据,数据坐标为4326
- 服务通过github action自动化进行docker构建,并推送到阿里云镜像服务仓库,而后在阿里云ecs中直接拉取docker进行部署
- 图片服务则是通过nginx实现反向代理,图片由docker容器内服务创建,通过docker文件映射功能映射到云主机,再通过nginx可实现图片的访问
- 服务与图片均实现域名访问,且均提供ssl证书
不足
- 未实现天气地图可视化,即基于mapbox进行地图可视化(webview需要企业认证资质)
- 未提供坐标转换功能,因目前使用的是腾讯地图(gcj02,即从地图获取的数据均为gcj02),行政区划数据为4326(wgs84),目前是直接将4326作为gcj02进行使用(因为数据的粒度为区县,所以差异不会很大,除非在行政区边界处可能会出现行政区显示错误问题)
- 未完整实现小程序朋友圈分享功能,因该功能需要所分享页面的数据可直接获取,且分享页面小程序登录功能已被限制,所以目前无法直接提供数据获取服务(需要进行登录态校验,考虑到被攻击的可能)
- 未完成天气预警数据接入与提示功能
- 未完成数据推送、个人主页、图层管理功能
- 分享图片中未实现天气云图叠加功能,仅获取了所在位置范围的影像图与相关注记
- 服务端代码封装度不够,且DDD的认知不足,导致实践乱七八糟
内容
我计划将拂衣天气开发的完整过程通过文章的方式记录下来,下面是我对该整体内容的编写计划:
Name | Key Words | Summary |
---|---|---|
序章 | ||
前期调研 | ||
模型设计 | ||
开发环境准备 | ||
行政区划数据准备 | ||
小程序静默登陆实现 | ||
小程序开发(一) | 说明主页布局构建,组件拆分情况,实现地图加载以及定位 | |
小程序开发(二) | 实现上下滑动功能开发,以及左右滑动组件封装 | |
小程序开发(三) | 实时天气栏卡片、文字描述、底部7天天气预报以及Footer部分开发 | |
小程序开发(四) | 完成echarts组件封装 | |
天气代理服务开发 | 提供实时天气、实时空气质量、24小时天气预报、7天天气预报代理服务开发 | |
小程序开发(五) | 完成天气部分API对接 | |
行政区划服务开发 | 提供行政区划查询服务 | |
关注城市服务开发 | 提供对城市的关注与取消关注能力 | |
小程序开发(六) | 完成天气图片分享功能 | |
小程序开发(七) | 完成城市选择页面开发与数据API对接 | |
Github Action服务发布 | ||
小程序服务发布 | ||
终篇 |
参考
注:拂衣天气小程序的界面设计与交互设计主要参考和风天气APP。当前所述拂衣天气小程序的开发主要用于学习。
致敬和风天气!