Ir al contenido principal

Api para leer datos de la formula 1 F1

 A mí gusta la formula 1 y hay veces que quiero ver los resultados y tengo que buscar en páginas de Instagram o en la Web y pensé porque no hacer mi propia página para ver los resultados de la última carrera lo cual les explicaré en esta publicación como hacerlo.

Primero hay que encontrar un API de formula 1 . Si sabes que es una Api saltaste este párrafo. Una Api es una conexión que podemos utilizar desde otra página para leer datos de otra página , es decir es un requerimiento o solicitud de información que se envía desde un sitio WEB indicando la URL de la cual quieres obtener la información y esta te regresa una respuesta con la un archivo JSON casi siempre o pude ser un XML. A manera de hacer una referencia del día a día, imagina que vas al supermercado (Walmart por ejemplo) y tu quieres saber el precio de un articulo, entonces vas al scanner de precios y lees tu producto y te da el precio, la API es el escáner, tu eres la pagina que solicita la información y el precio en pantalla del escáner es la respuesta del API.

En esta API de F1 que encontré en la pagina de https://rapidapi.com/hub debemos identificar cuáles son los datos de entrada que debemos enviar (o los datos de invocación para programadores de la vieja escuela ) y saber que datos nos va a regresar la API y en qué formato. 

Dos saber que datos nos va a regresar , en este caso vamos a buscar obtener datos JSON.


La API que vamos a utilizar es https://rapidapi.com/api-sports/api/api-formula-1/details

y vamos a obtener los valores de ranking para la temporada 2023, les comparto como se ve el código

<!DOCTYPE html>

<html>

<body>


<h2>Using the XMLHttpRequest Object</h2>


<div id="demo">

<button type="button" onclick="loadXMLDoc()">Ranking Drivers F1 Season 2023</button>

</div>


<script>

function loadXMLDoc() {

  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {

      document.getElementById("demo").innerHTML =

      this.responseText;

    }

  };

  

        xhttp.open("GET", "https://api-formula-1.p.rapidapi.com/rankings/drivers?season=2023",true);

xhttp.setRequestHeader("X-RapidAPI-Key", "yourkey");

xhttp.setRequestHeader("X-RapidAPI-Host", "api-formula-1.p.rapidapi.com");

  xhttp.send();

}

</script>


</body>

</html>



El resultado final es que nos da la información en modo JSON, falta darle formato y poner un campo de entrada para poder ingresar el año de la temporada, pero eso lo veremos mas adelante conforme mejoremos el código.

Si quieren probar la pagina la URL es https://www.programacionparatodos.com/p/api-de-f1-racking-drivers.html

si quieres ver la explicación del programa, te comparto la liga de nuestro canal de YouTube

                                https://youtu.be/ghO3eOwKpX0

Lo que mas me interesa compartir es que es muy fácil poder obtener información por medio de API, en este caso utilizamos HMTL , JAVASCRIPT para invocar a la API, donde solo le pasamos la URL y nos regreso información en formato JSON. 

Espero les sea de utilidad y nos compartan.

Comentarios

Entradas más populares de este blog

Ejemplo Macro en Word

Hola: ¿Sabían que no solo en Excel pueden hacer Macros?  ¡¡¡También en Outlook, Word, Power Point,Access  es posible hacer Macros!!!  ☺️ Ya que Word, Excel, Power Point,Access son de familia Microsoft y Visual Basic también es que podemos programar nuestras macros en esta paquetería. Como hemos visto antes, para poder programar nuestras macros, necesitamos primero configurar la Barra de tareas de Developer o Desarrollador Seleccionan el Menu File>Options>Customize Ribbon o en Español Archivo>Opciones>barra de tareas Despues la parte de seguridad de las macros Menu File>Options>Trus Center o Archivo>Opciones>Centro de Seguridad y marcamos como se ve en la imagen, la cuarta opción y el combo Ejemplo Vamos hacer un ejemplo donde, tengamos que generar varios diplomas de fin de curso, pero con una lista de Nombres , entonces vamos a crear un nuevo archivo en Word y le vamos a guardar como tipo Macro  Tenemos una plantill

Graficar funciones en Python con dataframes

Bienvenidos a un nuevo post, en esta semana, en esta ocasión les quiero platicar acerca de una librería en Python que se llama  matplotlib  que nos sirve para gráfica funciones de  matemáticas. Habitualmente en Python existen muchas librerías, lo que hay que hacer es primero investigar si ya existe alguna que nos ayude y entenderla antes de inventar el hilo negro, en mi caso encontré la librería  Matplotlib Para instalar deben utilizar el comando PIP en 2.7 Instalando en Python 3.7 Si tienen Python 2.7 deben realizar la ejecución de estos 2 comandos desde consola python -m pip install -U pip python -m pip install -U matplotlib Aunque lo más recomendable es utilizar la versión 3.7 o superior de Python. Programa para graficar en Python import matplotlib.pyplot as plt import numpy as np import math as mt def move_spines():     """Esta funcion divide pone al eje y en el valor      0 de x para dividir claramente los valores positivos y     negativos.&quo

Macro de Excel para abrir archivo csv

Hay veces que quieres abrir un archivo de Excel pero está separado por comas, punto y coma o por un pipe. Hay formas de hacerlos desde Excel. Les quiero compartir algunas opciones de como hacerlo y espero que les sean de utilidad. 1.Es abrir el archivo en Excel y utilizar la función de separar por columnas y seleccionar el delimitador, por ejemplo ";" 2. Es colocar "sep=;" en el primer renglón del archivo que quieres abrir y guardar en formato CSV y abrirlo en Excel y te lo abrirá separado en columnas. 3. Otra forma es con una macro, esté en mi gusto es la que más me funciona porque si hay alguna coma en la descripción o en alguna columna, si lo abres desde Excel te va a desacomodar las columnas.  Este botón te abrirá un pantalla para abrir el archivo que quieres separar y te lo abrirá en una hoja de excel ya separado. El código de la macro es el siguiente  Private Sub CommandButton1_Click() Dim sht As Worksheet Dim fnd As Variant Dim rplc As Variant Dim