微天气微信小程序

集地理信息与天气预报为一体的天气预报类小程序，界面精美，使用便捷。【致敬：和风天气】

ps: 天气小程序是为了验证自己进入全栈的磨刀石，如今产出物已可以正常对外提供常规天气预报服务。

原名：拂衣天气，由于微信认证相关问题，目前在某些地方同时存在拂衣天气与微天气的表达，但其实他们指代的同一个事物。

快速体验

状态

不定期更新...

特性

• 微信小程序
• 集成腾讯地图，支持基础地图漫游，地图点击以及定位
• 接入和风天气数据，确保数据真实可用
• 提供实时天气预报、空气质量预报
• 提供24小时天气预报
• 提供7天天气预报
• 提供城市实时天气海报分享
• 提供城市搜索功能，可自定义关注城市
• 提供极端天气提醒+消息推送
• 结合AIGC优化分享海报
• 提供Web端+自定义地图模块

工程结构

微天气小程序存在独立的服务端程序，用于提供认证（微信小程序登录）、城市数据以及天气数据代理。当前仓库仅仅是小程序前端内容，服务端程序存在于独立仓库micro-weather-backend中。

1. components： 用于存放组件

   echats(echarts-for-weixin): echarts-for-weixin 项目提供了一个小程序组件，用这种方式可以方便地使用 ECharts。

   vertical-sliding: 自定义组件，提供垂直方向滑动

   weather/weather-card: 自定义组件，城市天气卡片

   weather/real-time: 自定义组件，实时天气、空气质量预报

   weather/hour-foreacast: 自定义组件，24小时天气预报

   weather/day-foreacast: 自定义组件，7天天气预报

2. config: 提供全局的配置信息

   如: 服务端访问地址、服务端API、腾讯地图配置

3. libs: 三方sdk, 此处存放腾讯地址sdk

4. pages：页面，目前一共分为两个页面。即主页和城市页面

5. request: 封装的请求工具

6. styles: 全局的外部的样式文件

7. utils: 封装的常用工具

先决条件

如果需要调试本项目，那么需要先搭建服务端环境，具体的参见: micro-weather-backend

而后使用自己的小程序、和风天气、腾讯地图密钥替换即可

也就是说：

1、你需要先注册自己的小程序，以便获取合法的小程序id、key以及密钥

2、而后注册和风天气，并创建一个应用，注意选择免费项目

3、注册腾讯位置服务，并创建应用，用于后续使用静态图

而后你才可以

4、拉取服务端代码，并构建调试环境。使用docker可快速构建本地调试环境【记得替换各种配置】

5、拉取小程序代码（即本仓库），通过微信小程序开发者工具可以开始完整调试【记得替换appid】

部署

Demo环境快速构建指南

截图

支持

• thread.zhou@gmail.com
• thread_zhou@126.com

声明与致谢

• 部分图标来自阿里巴巴矢量图标库
• 天气部分图标由和风天气提供
• 目前全部的天气数据均由和风天气免费提供
• echarts组件由Apache Echarts提供
• 小程序内地图由腾讯地图提供

感谢和风天气、微信、腾讯地图、阿里巴巴矢量图标库以及所有为本项目提供支持的主体。

版权许可

GPL-3.0 license

版权所有 (c) 2022-至今，Fuyi Atlas。