La agencia espacial de la NASA hizo públicos varios datos que incluyen imágenes y videos para que los curiosos exploren el universo. Estos datos se pueden explorar mediante el uso de sus API abiertas que cualquiera puede usar para desarrollar aplicaciones relevantes. El siguiente enfoque cubre cómo obtener datos proporcionados por la NASA utilizando las API abiertas.
¿Cómo generar claves de API para explorar los datos de la NASA?
Para explorar los datos de la NASA, necesitamos generar la clave API .
Paso 1: Vaya al sitio web abierto de API de la NASA para generar la clave de API https://api.nasa.gov/ y complete los detalles para obtener los servicios web.
Paso 2: después de completar todos los campos obligatorios, se generará la clave de API como se muestra a continuación.
Simplemente copie y anote su clave API, usaremos esta clave en nuestro JavaScript para obtener los datos del portal de la NASA.
Paso 3: Después de generar la clave de API, vaya a la sección de exploración de API y explore los servicios de API proporcionados por la agencia de la NASA.
Para mostrar la funcionalidad de las API y cómo podemos usar esto en nuestro sitio web, usaremos una API APOD que se usa para explorar la imagen astronómica del día. El APOD es una de las API que se utiliza para obtener imágenes del portal de la NASA. El APOD significa Imagen astronómica del día.
Estos son los siguientes parámetros de consulta para obtener datos:
- data: La fecha de la imagen APOD a recuperar. Es de tipo AAAA-MM-DD y el valor por defecto es hoy .
- start_date: El inicio de un rango de fechas, al solicitar datos para un rango de fechas. No se puede usar con una fecha. Es de tipo AAAA-MM-DD y el valor por defecto es ninguno.
- end_date: el final del rango de fechas, cuando se usa con start_date . Es de tipo AAAA-MM-DD y el valor por defecto es hoy .
- recuento: si se especifica esto, se devolverá el recuento de imágenes elegidas al azar. No se puede usar con una fecha o start_date y end_date . Es de tipo int y el valor predeterminado es ninguno.
- thumbs: devuelve la URL de la miniatura del video de datos. Si un APOD no es un video, este parámetro se ignora. Es del tipo bool y el valor por defecto es false.
- api_key: es la clave api.nasa.gov para uso ampliado. Es de tipo string y el valor por defecto es DEMO_KEY .
A continuación se muestra una consulta de muestra:
https://api.nasa.gov/planetary/apod?api_key=DEMO_KEY
Paso 4: cree un archivo index.html para mostrar la imagen astronómica del día (APOD) en la página web usando código HTML y JavaScript como se muestra a continuación.
HTML
<!DOCTYPE html>
<html>
<body>
<h2>Astronomy Picture of the day</h2>
<input type="date" id="date" onchange="getDate();">
<h3 class="img-title" id="title"></h3>
<em class="date" id="pic_date"></em>
<img src="" alt="" id="apod_pic" class="img-apod">
<p class="caption" id="caption"></p>
<script type="text/javascript">
// Declaration of variables
var method = "GET";
const key =
"U0PqJ5UprbVQExkXc7ZgsGVfIM7Z1O8Uiv7g2hOO";
var url =
"https://api.nasa.gov/planetary/apod?api_key="
+ key + "&date=";
var mode = true;
var date;
// Function defination to get date from
// input box and supply in sendHttpRequest
// function
function getDate() {
date = document.getElementById("date").value;
console.log(date);
sendHttpRequest(method, url + date,
mode).then((data) => {
console.log(data);
update(data);
});
}
// Declaration of update function to
// display the fetched data on webpage
function update(data) {
document.getElementById("pic_date")
.innerHTML = data.date;
document.getElementById("title")
.innerHTML = data.title;
document.getElementById("apod_pic")
.src = data.url;
document.getElementById("caption")
.innerHTML = data.explanation;
return data;
}
// Send request to nasa portal to data
// using the XMLHttpRequest
function sendHttpRequest(method, url, mode) {
return new Promise((resolve, reject) => {
var req = new XMLHttpRequest();
req.onreadystatechange = function () {
if (this.readyState == 4) {
if (this.status == 200) {
var data = JSON
.parse(this.response);
console.log(data);
resolve(data);
}
}
}
req.open(method, url, mode);
req.send();
});
}
</script>
</body>
</html>
Salida: Abra la página web y seleccione la fecha anterior. Después de seleccionar la fecha, la imagen astronómica del día se mostrará en una página web con la fecha, el título y la descripción de la imagen como se muestra a continuación.
Conclusión: así es como podemos obtener los datos del portal de la NASA utilizando las API abiertas de la NASA. También podemos utilizar otros servicios como EPIC (Cámara de imágenes policromáticas de la Tierra), Mars rover e Image and Video Library.
Publicación traducida automáticamente
Artículo escrito por vikashgautam11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA