1

嗨，我正在使用 javascript 构建我的第一个 Web 应用程序并使用来自 www.openweathermap.org/ 的 API 获取数据我已经使用了文档中提到的 API 密钥，但它仍然给出了未经授权的错误。调用函数时是否有任何其他原因导致此错误。先感谢您。

    var APPID = "my_secret_key";
    var temp;
    var loc;
    var icon;
    var wind;
    var humidity;
    var direction;
    function updateByZip(zip){
      var url = "http://api.openweathermap.org/data/2.5/weather?" + 
                "zip = " + zip +
                "&APPID =" + APPID ;
    sendRequest(url);
     }

    function sendRequest(url){
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
         var data = JSON.parse(xmlhttp.responseText) ;
         var weather = {}; 
         weather.wind = data.wind.speed; 
         weather.direction = data.wind.deg;
         weather.loc = data.name;
         weather.temp = data.main.temp;
         weather.icon = data.weather[0].id;
         weather.humidity=data.main.humidity;
         update(weather);
        }
       };
        xmlhttp.open("GET", url, true);
        xmlhttp.send();
        }
4

3 回答 3

3

它是 URL 中等号附近的空格。它可能对空间进行 urlencoding 并将您的参数发送APPID%20为未被识别为有效的参数。

  var url = "http://api.openweathermap.org/data/2.5/weather?" + 
            "zip=" + zip +
            "&APPID=" + APPID;
于 2016-06-10T19:51:12.900 回答
0

对于未来的用户，因为我遇到了 401 错误，但以不同的方式解决了它。

错误： API 密钥无效。请参阅http://openweathermap.org/faq#error401了解更多信息

API 调用响应 401 错误： 您可以在以下情况下收到错误 401：

这里有一些步骤来发现问题。

1）检查API密钥是否被激活

一些 API 服务在仪表板中提供关键信息，无论其激活、过期等 openWeatherMap 没有。验证您的密钥是否正在工作“从浏览器进行 API 调用” api.openweathermap.org/data/2.5/weather?q=peshawar&appid=API_key

用您自己的密钥替换 API_key，如果您成功获取数据，则您的密钥被激活，否则等待几个小时以激活密钥。

2) 检查 .env 是否有拼写错误和语法

.env 是用于隐藏服务器端代码中的 API_KEY 等凭据的文件。确保您的 .env 文件变量使用正确的语法，即 NAME=VALUE

API_KEY=djgkv43439d90bkckcs

没有分号、引号等

3) 检查请求 URL

检查将进行 API 调用的请求 URL，确保

  • 它没有空格、大括号等
  • 根据 URL 编码正确
  • 根据 API 文档正确

4) 使用 dotenv 进行调试：

要知道您的 dotenv 包是否正确解析 API 密钥，请使用以下代码

const result = dotenv.config()

if (result.error) {
  throw result.error
} 
console.log(result.parsed)

此代码检查是否正在解析 .env 文件变量，如果已解析，它将打印 API_KEY 值，否则将打印解析时发生的错误。

希望它有所帮助:)

其他建议

5) 检查 .env 文件的位置

在您的目录中查找 .env 文件的位置，将其移动到根目录可能会有所帮助（建议在评论中）

于 2020-12-13T12:53:38.887 回答
0

对于那些遵循先前答案但仍面临 401 问题的人：现在似乎需要通过 HTTPS 访问 API —— 至少对我来说是这样。一些较旧的指南和教程可能会继续http://在其代码中使用，因此您必须将其更改为https://.

据我所知，OpenWeather 的官方文档中没有提到这一点，他们的示例中也没有包含该协议。

于 2021-06-03T10:25:58.517 回答