Projeto da B7Web de um site para informa o tempo, consumindo uma API do site openWeather para obter esses dados. No qual podemos obter algumas informações importantes.
Para obter acesso aos dados da API do Open Weather:
- primeiramente é necessário fazer cadastro,
- depois de ter acesso, será necessário espera o tempo de aproximadamente 1 hora para ter o acesso,
- depois no menu API acessar a documentação como na demostração abaixo
- tento acessoa há mesmo, basta entrar no perfil da conta para obter a Key da API
API
api.openweathermap.org/data/2.5/weather?q={city name}&appid={API key}
Depois de ter os dados da API vamos transforma essas informações em um json para ser melhor a forma de compreensão
JavaScript
document.querySelector('.temp img').setAttribute('src', `http://openweathermap.org/img/wn/${json.tempIcon}@2x.png`);
Uma desmostração do funcionamento do site do clima