如何使用PHP和OpenWeatherMap API获取天气数据

WBOY原创: 2023-06-19 15:08:021038浏览

随着气候变化的加剧，天气预报在我们日常生活中变得愈发重要。而如何在自己的网站上获取准确的天气预报数据呢？PHP和OpenWeatherMap API是两种流行的选择。下面将介绍如何使用PHP和OpenWeatherMap API获取天气数据。

1.获取API密钥

使用OpenWeatherMap API需要获得API密钥。注册一个账号并获取API密钥是完全免费的。登录OpenWeatherMap网站（https://openweathermap.org/）并注册。在个人资料页面，转到API密钥选项卡并单击“生成密钥”按钮。然后你就可以得到API密钥了。

2.创建PHP文件

接下来是编写代码。打开你的Code editor并创建一个PHP文件，例如weather.php。首先，您需要引入OpenWeatherMap API库。可以通过在头部添加以下代码来实现：

$httpRequestURI = 'https://api.openweathermap.org/data/2.5/weather?q=London&appid={YOUR_API_KEY}';
$response = file_get_contents($httpRequestURI);
$data = json_decode($response);
echo $data->weather[0]->description;

注意，在请求URL中，您需要使用您的API密钥替换{YOUR_API_KEY}。

解释代码：

第一行定义要请求的URL地址，其中q=London是查询您想要搜索的城市。您可以在这里替换任何城市的名称。

第二行使用PHP内置函数file_get_contents()获取响应数据。

第三行将响应数据转换为JSON格式，并使用json_decode解码。

第四行中的echo语句输出所查询城市的天气数据。

3.完善代码

上述代码已经可以实现获取天气数据了，但是为了使其更完整和易于理解，下面完善代码。

<?php 
if(isset($_POST['city'])) {
    $cityName = $_POST['city'];
    $apikey = "{YOUR_API_KEY}";
    $url = "http://api.openweathermap.org/data/2.5/weather?q=".$cityName."&appid=".$apikey."&lang=zh-cn";
    $data = file_get_contents($url);
    $weatherData = json_decode($data);
}
?>

<!DOCTYPE html>
<html>
<head>
    <title>Weather Report Using PHP and OpenWeatherMap API</title>
    <style>
        #card {
            background-color: #F1F1F1;
            padding: 20px;
            border-radius: 10px;
            width: fit-content;
            margin: 0 auto;
            margin-top: 10%;
        }

        .headtext {
            margin: 0;
            padding: 0;
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .subtext {
            margin: 0;
            padding: 0;
            font-size: 20px;
            color: #F44336;
        }

        .data {
            width: 100%;
            margin-top: 20px;
            border-top: 1px solid #000;
            border-collapse: collapse;
        }

        .data th {
            border-bottom: 1px solid #000;
            padding: 10px;
            text-align: left;
        }

        .data td {
            padding: 10px;
        }

        input[type=text]{
            width: 50%;
            border-radius: 5px;
            padding: 10px;
        }

        button {
            padding: 10px;
            background-color: #F44336;
            border: none;
            color: #fff;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="card">
        <p class="headtext">天气预报</p>
        <form method="post" action="">
            <input type="text" name="city" placeholder="输入需要查询的城市" />
            <button type="submit">查询</button>
        </form>
        <?php if(isset($weatherData)) { ?>
            <table class="data">
                <tr>
                    <th>城市名</th>
                    <th>天气状况</th>
                    <th>温度</th>
                    <th>风速</th>
                </tr>
                <tr>
                    <td><?php echo $weatherData->name; ?></td>
                    <td><?php echo $weatherData->weather[0]->description; ?></td>
                    <td><?php echo $weatherData->main->temp; ?> &#8451;</td>
                    <td><?php echo $weatherData->wind->speed; ?> m/s</td>
                </tr>
            </table>
        <?php } else { ?>
             <p class="subtext">请输入城市名以获取天气状况。</p>
        <?php } ?>
    </div>
</body>
</html>

这是一个更完整的天气预报程序，其中包含了以下部分：

1.判断用户是否输入城市名，如果是则查询所输入城市的天气，如果没有则输出提示信息。

2.在表格中显示所查询城市的天气数据，包括名称、天气状况、温度和风速。

3.使用CSS样式美化页面。

4.结尾

实现使用PHP和OpenWeatherMap API获取天气数据就到这里。只要注册一个OpenWeatherMap账号，就能轻松获得API密钥并开始获取实时的天气数据。无论您是要构建一个网站、应用程序，甚至是需要天气数据来帮助您进行规划，这些步骤都将帮助您轻松地实现您的目标。

以上就是如何使用PHP和OpenWeatherMap API获取天气数据的详细内容，更多请关注php中文网其它相关文章！

API PHP OpenWeatherMap PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：如何在PHP中编写安全的代码下一条：使用PHP和Vue.js构建快速响应式 Web 应用程序

【24期】《PHP小白到大牛》线上班，开始报名了！

查看更多