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')