基于微信小程序的天气查询应用,支持和风天气(QWeather)和彩云天气 API,提供实时天气、逐小时预报、逐日预报及分钟级降雨信息。
| 实时天气 / 分钟级降水 | 24 小时 / 7 日预报 |
|---|---|
![]() |
![]() |
- 实时天气数据展示
- 逐小时天气预报
- 7 天天气预报
- 分钟级降雨预测
- 动态背景随天气变化
- 多城市管理
- AI 生活建议
├── miniprogram/
│ ├── components/
│ │ ├── advice-drawer/ # AI 生活建议
│ │ ├── daily-forecast/ # 每日预报
│ │ ├── hourly-forecast/ # 逐小时预报
│ │ ├── minutely-rain/ # 分钟级降雨
│ │ ├── dynamic-bg/ # 动态天气背景
│ │ └── weather-icon/ # 天气图标
│ └── pages/
│ ├── index/ # 主页
│ └── city/ # 城市管理
├── server/ # Node.js 后端
└── worker/ # Cloudflare Worker(Hono 框架)
| API | 用途 |
|---|---|
| 和风天气 QWeather | 实时、逐小时、逐日预报(默认) |
| 彩云天气 | 可替换数据源(可选) |
在微信开发者工具中导入 miniprogram/ 目录,配置 project.config.json 中的 AppID。
cd server
npm install
node index.jscd worker
npm install
# 配置 Secrets
npx wrangler secret put QWEATHER_BASE_URL # 和风天气 API 基础地址
npx wrangler secret put QWEATHER_GEO_URL # 和风天气 GEO 地理位置地址
npx wrangler secret put QWEATHER_KEY # 和风天气 API Key
npx wrangler deploy
