Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos conectar nuestra web desarrollada con React a un WebSocket Configuración de la Aplicación React Asegúrate de reemplazar ws://localhost:8000/ws/1 con la URL de tu servidor FastAPI. Visita http://localhost:3000 en tu navegador y verás la aplicación React. Puedes escribir mensajes, enviarlos y ver las respuestas del servidor FastAPI a través del … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos conectar una APP Flutter a un WebSocket de forma rápida y simple. Paso 1: Configuración del Proyecto Flutter Reemplaza «mi_app» con el nombre que desees para tu proyecto. Usaremos la libreria web_socket_channel: https://pub.dev/packages/web_socket_channel Para añadir la dependencia pondremos: Ejecuta flutter pub get para instalar las dependencias. Configuración del Socket: … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos generar un websocket con FastAPI de forma rápida y sencilla. Paso 1: Configuración del Entorno, si ya tienes FastAPI instalado, puedes saltar estos pasos. Asegúrate de tener Python instalado en tu sistema. Luego, instala FastAPI y Uvicorn utilizando pip: Paso 2: Crear un Proyecto FastAPI Crea un nuevo directorio … Leer más
Tiempo de lectura: 2 minutos Para añadir audio o sonidos en Flutter vamos a utilizar la librería audioplayers. Primero la instalamos: Luego, ejecuta flutter pub get en tu terminal para instalar la dependencia. Organizar la estructura del proyecto Si aún no lo has hecho, organiza tu proyecto Flutter de manera que tengas una carpeta para los recursos, como imágenes y … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos generar un APK o AAB para distribuir o publicar nuestra aplicación en la tienda de aplicaciones con Flutter y VS Code. Tenemos que crear un archivo de firma de aplicación con el siguiente comando: Indica el alias que necesites indicar. Recuerda que debes almacenarlo bien, ya que lo va … Leer más
Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos añadir un anuncio tipo Rewarded con Admob en Flutter Lo primero que vamos a hacer es crear el archivo con nuestros ids de anuncio, para ello tenemos que ir a Admob y obtener el código que nos permitirá añadir el banner. Ahora vamos a crear este archivo: idsAnuncios.dart Hemos … Leer más
Tiempo de lectura: 4 minutos Hoy vamos a aprender cómo podemos añadir un anuncio tipo Interstitial con Admob en Flutter Lo primero que vamos a hacer es crear el archivo con nuestros ids de anuncio, para ello tenemos que ir a Admob y obtener el código que nos permitirá añadir el banner. Ahora vamos a crear este archivo: idsAnuncios.dart Hemos … Leer más
Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos añadir un anuncio tipo Banner con Admob en Flutter Lo primero que vamos a hacer es crear el archivo con nuestros ids de anuncio, para ello tenemos que ir a Admob y obtener el código que nos permitirá añadir el banner. Ahora vamos a crear este archivo: idsAnuncios.dart Hemos … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir imágenes dentro de un proyecto Flutter. Supongamos que tenemos creada nuestro proyecto Flutter: 1. Creación de la Estructura de Carpetas: Primero, asegúrate de tener la estructura de carpetas con la carpeta assets. Si aún no la tienes, crea una carpeta llamada assets en la raíz de tu proyecto. … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender a solucionar un error que aparece al crear un nuevo proyecto con Expo y TypeScript. Este error es: Este error suele producirse por que el nombre del paquete es distitno entre app/build.gradle y nuestro proyecto expo en app.json Tenemos que abrir app/build.gradle y poner el proyecto con el nombre correcto, applicationId … Leer más
