Cover Image

Cómo consumir la PokéAPI con PHP y mostrar Pokémon en tu sitio web

Marzo 3, 2025 Tiempo de lectura: 16 minutos

¿Eres fan de Pokémon y estás aprendiendo PHP? ¡Entonces este tutorial es para ti! Vamos a aprender cómo consumir la PokéAPI, una API gratuita y abierta que proporciona información detallada sobre todos los Pokémon, y mostrar algunos datos en tu sitio web utilizando PHP.


🎯 ¿Qué es la PokéAPI?

La PokéAPI es una API RESTful gratuita que ofrece acceso a una amplia base de datos con información sobre los juegos principales de Pokémon. Puedes obtener datos sobre especies, habilidades, tipos, movimientos y mucho más.


🧰 Requisitos previos

Antes de comenzar, asegúrate de tener lo siguiente:

  • Un servidor con PHP instalado (puede ser local con XAMPP, MAMP, WAMP, etc.).

  • Conexión a Internet para realizar las solicitudes a la API.

  • Un editor de texto o IDE para escribir tu código PHP.


🔌 Paso 1: Realizar una solicitud a la PokéAPI

Vamos a utilizar la función file_get_contents de PHP para realizar una solicitud HTTP GET a la PokéAPI y obtener información sobre un Pokémon específico.

<?php // Nombre del Pokémon que queremos consultar $pokemon = 'pikachu'; // URL de la API para obtener información del Pokémon $url = "https://pokeapi.co/api/v2/pokemon/$pokemon"; // Realizar la solicitud GET y decodificar la respuesta JSON $response = file_get_contents($url); $data = json_decode($response, true); // Mostrar algunos datos del Pokémon echo "<h1>" . ucfirst($data['name']) . "</h1>"; echo "<img src='" . $data['sprites']['front_default'] . "' alt='" . $data['name'] . "' />"; echo "<p>Altura: " . $data['height'] . "</p>"; echo "<p>Peso: " . $data['weight'] . "</p>"; // Mostrar los tipos del Pokémon echo "<p>Tipo(s): "; foreach ($data['types'] as $type) { echo $type['type']['name'] . " "; } echo "</p>"; ?>

Este código obtiene información sobre Pikachu y muestra su nombre, imagen, altura, peso y tipos.


🔄 Paso 2: Hacerlo dinámico con un formulario

Para permitir que los usuarios busquen cualquier Pokémon, podemos agregar un formulario HTML que envíe el nombre del Pokémon al script PHP.

<form method="GET" action=""> <label for="pokemon">Nombre del Pokémon:</label> <input type="text" id="pokemon" name="pokemon" required> <button type="submit">Buscar</button> </form>

Y modificar el código PHP para utilizar el valor ingresado por el usuario:

<?php if (isset($_GET['pokemon'])) { $pokemon = strtolower($_GET['pokemon']); $url = "https://pokeapi.co/api/v2/pokemon/$pokemon"; $response = @file_get_contents($url); if ($response === FALSE) { echo "<p>Pokémon no encontrado. Por favor, verifica el nombre e intenta nuevamente.</p>"; } else { $data = json_decode($response, true); echo "<h1>" . ucfirst($data['name']) . "</h1>"; echo "<img src='" . $data['sprites']['front_default'] . "' alt='" . $data['name'] . "' />"; echo "<p>Altura: " . $data['height'] . "</p>"; echo "<p>Peso: " . $data['weight'] . "</p>"; echo "<p>Tipo(s): "; foreach ($data['types'] as $type) { echo $type['type']['name'] . " "; } echo "</p>"; } } ?>

Este código permite que los usuarios ingresen el nombre de un Pokémon y vean su información correspondiente.


🧪 Paso 3: Probar la aplicación

Guarda el código anterior en un archivo .php (por ejemplo, pokedex.php) y colócalo en el directorio raíz de tu servidor web. Luego, accede a http://localhost/pokedex.php en tu navegador, ingresa el nombre de un Pokémon y haz clic en "Buscar" para ver su información.


🧠 Consejos adicionales

  • La PokéAPI es gratuita y no requiere autenticación, pero es importante respetar su política de uso justo para evitar sobrecargar el servicio.

  • Puedes explorar más endpoints de la API para obtener información adicional, como habilidades, movimientos, evoluciones y más.

  • Considera implementar almacenamiento en caché para reducir la cantidad de solicitudes a la API y mejorar el rendimiento de tu aplicación.


¡Y eso es todo! Has creado una sencilla Pokédex utilizando PHP y la PokéAPI. Puedes expandir esta aplicación para mostrar más información, agregar estilos con CSS o incluso utilizar frameworks como Laravel para crear una aplicación más robusta.


Cover Image

Integración de Stripe en tu sitio web con PHP y pruebas con Namso Gen

Marzo 1, 2025 Tiempo de lectura: 14 minutos

¿Estás desarrollando un sitio web y deseas aceptar pagos en línea? Integrar una pasarela de pagos como Stripe es una excelente opción. En este artículo, te guiaré paso a paso para integrar Stripe utilizando PHP y cómo utilizar la aplicación Namso Gen para generar tarjetas de prueba y verificar que todo funcione correctamente.


🧰 Requisitos previos

Antes de comenzar, asegúrate de tener lo siguiente:

  • Una cuenta de Stripe.

  • Un entorno de desarrollo con PHP y Composer instalado.

  • Acceso al código fuente de tu sitio web.

  • La aplicación Namso Gen instalada en tu dispositivo móvil para generar tarjetas de prueba.


🔐 Paso 1: Configura tu cuenta de Stripe

  1. Regístrate o inicia sesión en tu cuenta de Stripe.

  2. Accede al Dashboard de desarrolladores y obtén tus claves de API:

    • Clave pública: pk_test_...

    • Clave secreta: sk_test_...

Estas claves se utilizarán para autenticar las solicitudes desde tu sitio web a los servidores de Stripe.


📦 Paso 2: Instala la biblioteca de Stripe para PHP

Utiliza Composer para instalar la biblioteca oficial de Stripe:

composer require stripe/stripe-php

Esto descargará e instalará la biblioteca necesaria para interactuar con la API de Stripe desde tu aplicación PHP.


📝 Paso 3: Crea el formulario de pago en tu sitio web

Agrega un formulario HTML en tu página web donde los usuarios puedan ingresar los detalles de su tarjeta:

<form action="procesar_pago.php" method="POST"> <script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key="pk_test_TU_CLAVE_PUBLICA" data-amount="5000" data-name="Mi Tienda" data-description="Compra de ejemplo" data-currency="usd"> </script> </form>

Reemplaza "pk_test_TU_CLAVE_PUBLICA" con tu clave pública de Stripe. Este formulario utilizará Stripe Checkout para manejar de forma segura la información de la tarjeta.


🖥️ Paso 4: Procesa el pago en el servidor con PHP

Crea un archivo procesar_pago.php que maneje la lógica del servidor:

<?php require 'vendor/autoload.php'; \Stripe\Stripe::setApiKey('sk_test_TU_CLAVE_SECRETA'); $token = $_POST['stripeToken']; try { $charge = \Stripe\Charge::create([ 'amount' => 5000, // Monto en centavos 'currency' => 'usd', 'description' => 'Compra de ejemplo', 'source' => $token, ]); echo '✅ Pago exitoso'; } catch (\Stripe\Exception\CardException $e) { echo '❌ Error en el pago: ' . $e->getMessage(); } ?>

Asegúrate de reemplazar 'sk_test_TU_CLAVE_SECRETA' con tu clave secreta de Stripe.


🧪 Paso 5: Prueba la integración con tarjetas de prueba

Usando tarjetas de prueba de Stripe

Stripe proporciona números de tarjetas de prueba que puedes utilizar para simular transacciones exitosas y fallidas. Por ejemplo:

  • Visa: 4242 4242 4242 4242

  • MasterCard: 5555 5555 5555 4444

Utiliza cualquier fecha de vencimiento futura y cualquier código CVC de tres dígitos. Puedes encontrar más tarjetas de prueba en la documentación oficial de Stripe.

Generando tarjetas de prueba con Namso Gen

La aplicación Namso Gen te permite generar tarjetas de crédito ficticias para pruebas. Sigue estos pasos:

  1. Abre la aplicación Namso Gen en tu dispositivo móvil.

  2. Ingresa un BIN (Bank Identification Number) válido. Por ejemplo, para Visa puedes usar 424242.

  3. Configura los parámetros adicionales como la fecha de vencimiento y el CVV.

  4. Genera las tarjetas y utiliza los datos en tu formulario de prueba.

Nota: Las tarjetas generadas por Namso Gen son solo para fines de prueba y no funcionan para transacciones reales.


🌟 Beneficios de la versión premium de Namso Gen

La versión premium de Namso Gen ofrece características adicionales, como la generación de tarjetas más personalizadas y la posibilidad de realizar pruebas más avanzadas. Esto puede ser útil para simular escenarios específicos y asegurarte de que tu integración con Stripe maneje correctamente diversas situaciones.

Integrar Stripe en tu sitio web utilizando PHP es un proceso sencillo que te permite aceptar pagos de forma segura. Utilizando herramientas como Namso Gen, puedes realizar pruebas exhaustivas sin preocuparte por procesar pagos reales. Asegúrate de seguir las mejores prácticas de seguridad y de cumplir con las regulaciones aplicables al manejar información de pago.


Cover Image

Cómo crear tu primer script en Bash: haz un backup automático de una carpeta

Febrero 28, 2025 Tiempo de lectura: 9 minutos

¿Te gustaría automatizar tareas desde la terminal? 🤖
Con Bash puedes crear scripts que hagan cosas útiles como mover archivos, hacer copias de seguridad o limpiar carpetas... todo con solo ejecutar un archivo.

Hoy vamos a crear un script en Bash que hace un respaldo (backup) automático de una carpeta, y te mostraré paso a paso cómo hacerlo. ¡Vamos allá!


📁 ¿Qué haremos?

  • Crearás un archivo .sh

  • Le dirás qué carpeta quieres respaldar

  • Copiarás su contenido a una carpeta de backup con fecha incluida


🧰 Paso 1: Crea el archivo del script

Abre tu terminal y escribe:

nano backup.sh

Esto abrirá un editor de texto en la terminal. Ahora copia este código:

#!/bin/bash # Carpeta de origen (la que quieres respaldar) ORIGEN="$HOME/mis_documentos" # Carpeta donde guardarás los respaldos DESTINO="$HOME/backups" # Fecha actual FECHA=$(date +%Y-%m-%d_%H-%M-%S) # Crear la carpeta de destino si no existe mkdir -p "$DESTINO" # Crear el backup (usando tar) ARCHIVO="$DESTINO/respaldo_$FECHA.tar.gz" tar -czf "$ARCHIVO" "$ORIGEN" echo "✅ Backup completado: $ARCHIVO"

💾 Paso 2: Guarda y cierra

Presiona:

  • Ctrl + O para guardar.

  • Enter para confirmar.

  • Ctrl + X para salir.


✅ Paso 3: Dale permisos para ejecutarlo

chmod +x backup.sh

🚀 Paso 4: Ejecuta el script

./backup.sh

Verás un mensaje como:

Backup completado: /home/tu_usuario/backups/respaldo_2025-04-29_16-32-00.tar.gz

🧠 Explicación rápida

  • tar -czf comprime la carpeta.

  • $(date +...) genera un nombre con fecha y hora para evitar sobrescribir archivos.

  • mkdir -p asegura que la carpeta destino exista.


🧪 Personaliza tu script

  • Cambia la ruta de ORIGEN por cualquier carpeta que quieras respaldar.

  • Puedes programar este script con cron para hacerlo automático todos los días.


Cover Image

Introducción a las variables en Kotlin: ¿qué son y cómo usarlas?

Febrero 27, 2025 Tiempo de lectura: 7 minutos

Si estás empezando con Kotlin, una de las primeras cosas que necesitas dominar son las variables. Son la base para guardar datos en tu aplicación: desde un número simple hasta una cadena de texto o incluso objetos más complejos.

Hoy te explico de forma clara y directa cómo funcionan las variables en Kotlin. ¡Vamos al grano!


🧾 ¿Qué es una variable?

Una variable es un contenedor que guarda un valor para usarlo más adelante en tu código. Por ejemplo, puedes guardar el nombre de un usuario, su edad, o si tiene acceso a ciertas funciones.


✍️ Cómo declarar variables en Kotlin

En Kotlin hay dos formas de declarar variables:

val → para valores que no cambian

🔄 var → para valores que sí pueden cambiar

val nombre = "Ana" // no se puede cambiar (inmutable) var edad = 25 // se puede cambiar (mutable) edad = 26 // válido // nombre = "Pedro" // error: no puedes reasignar un val

🔤 Kotlin detecta el tipo automáticamente

Kotlin es un lenguaje estáticamente tipado, pero gracias a la inferencia de tipos, no siempre tienes que especificar el tipo de la variable:

val ciudad = "Lima" // String val temperatura = 22.5 // Double val esDeNoche = false // Boolean

Si prefieres, también puedes especificar el tipo explícitamente:

var contador: Int = 0 val mensaje: String = "Hola mundo"

❗ Buenas prácticas

  • Usa val siempre que puedas. Es más seguro y evita errores involuntarios.

  • Usa var solo cuando el valor necesita cambiar durante la ejecución.

  • Dale nombres claros y significativos a tus variables.


🧪 Ejemplo práctico

fun main() { val nombre = "Carlos" var puntos = 100 println("Jugador: $nombre") println("Puntos: $puntos") puntos += 50 println("Puntos actualizados: $puntos") }

Este programa define un nombre que no cambia, y una puntuación que sí se actualiza. Justo como en un videojuego 🎮


Cover Image

Cómo crear un menú en Python (interactivo, sencillo y útil)

Febrero 26, 2025 Tiempo de lectura: 6 minutos

¡Hola, programador entusiasta! 👋
Si estás aprendiendo Python y te preguntas cómo hacer que tu programa reciba opciones del usuario (como en una app de consola), estás en el lugar correcto.

En este artículo aprenderás cómo crear un menú interactivo en Python, de esos que te permiten elegir opciones y ejecutar funciones según lo que escribas. ¡Vamos paso a paso!


📋 ¿Qué es un menú en consola?

Es un conjunto de opciones que se muestra al usuario para que elija una acción. Por ejemplo:

  1. Ver productos
  2. Agregar producto
  3. Salir

Luego el usuario elige escribiendo un número, y tu programa reacciona.


✍️ Empecemos con un ejemplo básico

Aquí tienes un menú sencillo que puedes probar en tu terminal:

def mostrar_menu(): print("\n=== MENÚ PRINCIPAL ===") print("1. Saludar") print("2. Mostrar ayuda") print("3. Salir") while True: mostrar_menu() opcion = input("Elige una opción: ") if opcion == "1": print("¡Hola! 👋 ¿Cómo estás?") elif opcion == "2": print("Esta es una demo de cómo crear un menú en Python.") elif opcion == "3": print("¡Hasta pronto! 👋") break else: print("Opción no válida. Por favor, intenta de nuevo.")

🔍 ¿Qué pasa aquí?

  • Se define una función mostrar_menu() que imprime las opciones.

  • El bucle while True: mantiene el programa corriendo hasta que el usuario elige salir.

  • input() espera que el usuario escriba su opción.

  • Usamos if, elif y else para controlar qué hacer según la opción elegida.


🧠 Consejo: Manténlo claro y modular

Puedes ir mejorando este menú con submenús, funciones separadas para cada acción, validaciones más robustas, o incluso usar bibliotecas como curses para menús más visuales.

Pero para empezar, este menú básico ya te permite interactuar con el usuario y tomar decisiones.


Cover Image

Cómo conectar tu sitio PHP a una base de datos MySQL

Febrero 20, 2025 Tiempo de lectura: 6 minutos

¡Hola, desarrollador curioso! 👋
¿Estás dando tus primeros pasos en el mundo del desarrollo web con PHP? Entonces una de las primeras cosas que necesitas aprender es cómo conectar tu código PHP a una base de datos MySQL. Tranquilo, no es tan complicado como parece.

Vamos a hacerlo juntos, paso a paso, con un enfoque práctico y claro. 💡


🧱 ¿Qué necesitas antes de empezar?

  • Un servidor que soporte PHP (puede ser tu hosting o tu entorno local con XAMPP, MAMP o similar).

  • Una base de datos MySQL o MariaDB ya creada.

  • Las credenciales de tu base de datos:

    • Nombre del host (generalmente localhost)

    • Nombre de la base de datos

    • Usuario y contraseña


✍️ El código básico para conectarte

<?php // Datos de conexión $host = "localhost"; $usuario = "tu_usuario"; $contrasena = "tu_contraseña"; $base_de_datos = "nombre_de_tu_base"; // Crear conexión $conexion = new mysqli($host, $usuario, $contrasena, $base_de_datos); // Verificar conexión if ($conexion->connect_error) { die("❌ Conexión fallida: " . $conexion->connect_error); } echo "✅ ¡Conexión exitosa a la base de datos!"; ?>

🔍 ¿Qué hace este código?

  • Usa la clase mysqli, que es una forma moderna y segura de manejar conexiones en PHP.

  • Si algo sale mal (usuario incorrecto, base inexistente, etc.), lo sabrás enseguida gracias a connect_error.


🧠 Consejito: No expongas tus credenciales

Si vas a subir tu proyecto a internet o compartirlo, ¡nunca pongas el usuario y contraseña en el código público! Usa un archivo separado como config.php y protégelo bien.