acambronero
acambronero
@acambronero@blogpocket.es

Este es el blog federado de Antonio Cambronero, fundador, autor y CEO de Blogpocket. Informático, blogger y profesor, con más de 20 años de experiencia en departamentos de soporte técnico informático, análisis de sistemas, productividad, optimización de procesos, atención al cliente y formación, en empresas multinacionales.

118 publicaciones
51 seguidores

Neon Tap!: un mini-juego móvil con Expo (y versión web) – Parte II

app nativa con Expo Go

En este post vamos a ver cómo probar la app nativa con Expo Go (sin compilación). Ya vimos en Neon Tap!: un mini-juego móvil con Expo (y versión web) cómo desarrollar una app (un juego) en local (en tu ordenador).

Esta opción es perfecta si:

  • quieres ver cómo se comporta una app móvil real,
  • te interesa el desarrollo nativo,
  • o simplemente tienes curiosidad técnica.

⚠️ Importante: esto es una demo, no una app instalada desde una tienda.

Requisitos en el móvil

En tu teléfono:

  • Instala la app Expo Go desde App Store o Google Play.

Nada más.

Cómo se ejecuta la app

El juego no está “subido a una tienda”. Se ejecuta así:

  1. Yo arranco el proyecto en mi ordenador
  2. Expo genera un QR.
  3. Tú escaneas ese QR.
  4. El juego se abre dentro de Expo Go.

Cómo arrancar el proyecto en el ordenador. Una vez que tienes instalado el proyecto (ver parte I de esta serie de posts), ejecuta en el Terminal, desde la carpeta del proyecto neon-tap.

cd ~/Desktop/neon-tap
npx expo install expo-linear-gradient expo-haptics
npx expo start

Esto mostrará un código QR dentro del Terminal.

Escanea el código QR

Cómo escanear el QR (muy importante):

📱 En iPhone

No se escanea desde Expo Go.

  1. Abre la app Cámara.
  2. Escanea el QR.
  3. Toca “Abrir en Expo Go”.

La primera vez, iOS puede pedir permiso de Red local. Hay que aceptarlo.

🤖 En Android

Normalmente:

  • Abre Expo Go → “Scan QR Code”.

Si no aparece, también vale la Cámara.

Posibles problemas (y solución rápida)

Si al abrir aparece un error tipo “offline”, hay que verificar que se está utilizando la misma Wi-Fi: puede ser que el usuario escanea tu QR mientras tú tienes npx expo start funcionando en otra.

  • MUY IMPORTANTE: Asegúrate de que Expo Go tiene permiso de Red local (iPhone). En Ajustes > Privacidad y Seguridad > Red local

¿Es complicado para un usuario?

Honestamente:

  • Para alguien técnico: no.
  • Para un lector general: un poco, pero aceptable si se explica bien.

Conclusiones

Hemos visto cómo ejecutar una app en un teléfono móvil utilizando Expo Go. Esta es una manera de probar apps sin pasar por una tienda de apps.

Pero si quieres publicar una app sencilla como el juego Neon Tap que he desarrollado, la manera más fácil -sin pasar por tiendas- es emplear Netlify. Lo veremos en la tercera parte de esta serie de posts, pero básicamente consiste en convertir la app de Hero en una aplicación web, para lo cual Hero posee un comando que creará la carpeta con los archivos lista para depositar en Netlify. Netlify hará el resto proporcionando un enlace público para ejecutar la app en la web para acceder con un navegador.