如何通過 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')
)
