Utilizzare le API della Nasa con Javascript
La Nasa mette a disposizione della API da interrogare per avere diverse immagini sulle proprie applicazioni.
L'uso di queste API è gratuito, previa iscrizione gratuita.
L'iscrizione serve per ottenere la API KEY, necessaria per interrogare il servizio.
Ci sono diversi dati messi a disposizione, e noi vedremo un esempio di APOD (Astronomy Picture of the Day).
Per interrogare il servizio, useremo Javascript con AJAX e Qwest.
Ecco un esempio basico:
<!DOCTYPE html>
<html>
<head>
<title>NASA photo of the day</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="qwest.js"></script>
<script>
var url = 'https://api.nasa.gov/planetary/apod?api_key=API_KEY';
qwest.get(url).then(function (xhr, response) {
document.querySelector("#title").innerHTML = response.title;
document.querySelector("#img").src = response.hdurl;
document.querySelector("#explanation").innerHTML = response.explanation;
}).catch(function (e, xhr, response) {
console.log(response);
}).complete(function (xhr, response) {
// VIENE SEMPRE ESEGUITO
console.log(response);
});
</script>
</head>
<body>
<h1 id="title"></h1>
<img id="img">
<div id="explanation"></div>
</body>
</html>
Mettete la vostra API KEY, o quella demo che trovate sul sito.
Come vedete è molto semplice.
Enjoy!
javascript qwest api nasa apod
Commentami!