【源码】基于小程序和云开发的新鲜天气应用

项目简介

本项目是名为“新鲜天气”的小程序应用，数据源自腾讯地图与和风天气的免费 API。它有天气预报页面和心情签到页面，天气预报页面可展示天气数据，通过腾讯地图定位，从和风天气 API 获取信息，顶部实时天气温度采用体感温度；心情签到页面通过云开发数据库存储心情，用户每日可签到一次，不同心情对应不同颜色展示。

项目的主要特性和功能

1. 实时天气展示：借助和风天气 API 提供温度、天气状况等实时天气数据。
2. 精准定位：利用腾讯地图 API 定位，提供基于用户所在位置的天气预报。
3. 心情签到系统：用户每天可进行一次心情签到，不同心情呈现不同颜色主题。
4. 高效开发工具：运用 Gulp 构建前端项目，Sass 作为 CSS 预处理语言，使用 Express 搭建本地 Mock server 方便云函数调试。

安装使用步骤

1. 安装项目依赖：进入项目目录，使用 npm install 命令安装所需依赖。
2. 安装云函数依赖：依次进入 server/cloud-functions/he-weather 目录，执行 npm i 安装依赖。
3. 启动项目：
   • 启动 mock server：在终端运行 npm run server。
   • 启动云函数文件夹同步：运行 npm run cloud。
   • 编译项目并启动 gulp watch 功能：运行 npm run dev。
4. 项目打包上线：运行 npm run build 对项目进行打包。

注意：运行项目前，需正确配置腾讯地图和和风天气的 API 密钥，设置好相关环境变量。因项目使用云开发，要确保已开通并配置好云开发的权限和设置。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】