PWA a APK para Play Store — Profe Freddy

1. ¿Qué es una PWA, una TWA y un APK?

PWA (Progressive Web App): tu página web que, cumpliendo ciertos requisitos, el navegador puede instalar como si fuera una app (ícono, pantalla completa, funciona offline).

APK / AAB: el archivo de instalación de una app Android (el .aab es el que hoy pide Google Play; el .apk queda para pruebas).

TWA (Trusted Web Activity): un APK mínimo que por dentro solo abre tu PWA a pantalla completa. No reescribes la app: Android muestra tu mismo sitio, sin barra del navegador.

💡 Idea clave: una sola web → se instala como PWA (Windows/Android) y se publica como APK en Play Store. El mismo código.

2. Requisitos: ¿tu PWA está lista? (marca cada uno)

Tienes un manifest con name, start_url, display: standalone y theme_color Tienes íconos de 192×192 y 512×512 (incluye uno maskable) Registras un Service Worker (sw.js) El sitio se sirve por HTTPS (obligatorio en producción) La web abre y funciona en el móvil

0%

3. Dos formas de generar el APK

A) PWABuilder más fácil · web

1

Entra a pwabuilder.com y pega la URL de tu sitio.

2

Revisa el reporte (te dice qué le falta a tu PWA).

3

Clic en Package for stores → Android.

4

Descarga el .aab firmado y el assetlinks.json.

B) Bubblewrap CLI de Google

# Requiere Node.js y Java (JDK)
npm i -g @bubblewrap/cli

bubblewrap init \
  --manifest=https://tudominio.com/manifest.json

bubblewrap build
# genera app-release-signed.aab

4. El paso que casi todos olvidan: `assetlinks.json`

Para que la app abra sin la barra del navegador, Android verifica que el APK y tu dominio son de la misma persona (Digital Asset Links).

1

PWABuilder/Bubblewrap te dan un archivo assetlinks.json.

2

Súbelo a tu servidor en https://tudominio.com/.well-known/assetlinks.json

3

Verifica que abra en el navegador. ¡Listo!

5. Publicar en Google Play

1

Crea una cuenta de Google Play Console (pago único de USD 25).

2

Crea la app, sube el .aab, completa ficha (ícono, capturas, descripción, política de privacidad).

3

Envía a revisión. En 1–7 días queda publicada.

📌 Para iOS el proceso es distinto (Xcode + PWABuilder para iOS + cuenta Apple Developer USD 99/año).

6. Ejemplos reales (mismas técnicas)

💈 Wilglo — barbería a domicilio. PWA con manifest.php + sw.js + botón "Instalar app". Empaquetable a APK igual que aquí.

🏠 suamoblado.com — esta misma Super App es una PWA instalable (ya la puedes "Agregar a inicio").

🛏️ amobladomedellin.com — portal de apartamentos; misma receta: manifest + service worker + HTTPS → APK.

Tutoriales en español (verificados)

Instala una web como app (PWA) — Web Reactiva

Convierte tu sitio web en PWA (1/6) — jonmircha

Convierte tu sitio web en PWA (4/6) — jonmircha

Convierte tu sitio web en PWA (6/6) — jonmircha

PWA

Progressive Web App: una web que se puede instalar como app y funcionar sin conexión.

TWA

Trusted Web Activity: APK mínimo que abre tu PWA a pantalla completa, sin barra del navegador.

APK

Archivo de instalación de una app Android. Sirve para pruebas o distribución directa.

AAB

Android App Bundle: el formato que hoy exige Google Play para publicar.

Manifest

Archivo JSON con el nombre, íconos, colores y comportamiento de la PWA.

Service Worker

Script que corre en segundo plano; permite offline, caché y notificaciones.

HTTPS

Conexión segura; obligatoria para instalar una PWA en producción.

PWABuilder

Herramienta web de Microsoft que empaqueta tu PWA en APK/AAB con solo la URL.

Bubblewrap

CLI de Google que genera y firma el APK/AAB a partir del manifest.

assetlinks.json

Archivo que prueba que el APK y el dominio son del mismo dueño (Digital Asset Links).

Maskable

Tipo de ícono que se adapta a distintas formas del launcher de Android.

Play Console

Plataforma de Google para publicar y administrar apps en Play Store.

10 preguntas al azar de un banco de 50. Calificación de 0 a 100.

Tu calificación: