UNIAPP前端配合thinkphp5后端通过高德API获取当前城市天气预报

如何通过 UniApp 前端项目与 ThinkPHP5 后端结合高德天气 API 获取天气预报信息。我们将分为前端和后端两部分进行实现。以下是一个完整的代码.

一、项目结构 project/ ├── frontend/ (UniApp 项目) │ ├── pages/ │ │ └── weather/ │ │ ├── index.vue ├── backend/ (ThinkPHP5 项目) │ ├── application/ │ │ ├── controller/ │ │ │ └── Weather.php │ │ ├── route/ │ │ │ └── route.php │ ├── public/ │ │ └── index.php 二、后端（ThinkPHP5） 1. 配置高德 API Key

在 application/extra/config.php 中添加高德 API Key：

return [ 'amap_api_key' => 'YOUR_AMAP_API_KEY', // 替换为你的高德 API Key ]; 2. 创建控制器 Weather.php

在 application/controller/Weather.php 中编写获取天气的逻辑：

<?php namespace app\controller; use think\Controller; use think\Request; class Weather extends Controller { public function getWeather(Request $request) { // 获取前端传递的经纬度参数 $longitude = $request->param('longitude')