Plantilla de app Rastreador de ubicación
Coordenadas GPS, precisión y un seguimiento de la distancia caminada.
Esta es la plantilla funcionando en vivo. Las funciones del teléfono, como la cámara, la vibración y las notificaciones, funcionan en la app que compilas.
Funciones del teléfono que usa esta plantilla
Vienen del puente JavaScript de FreeApp que incluye cada app creada con Free HTML to APK. En un navegador normal la plantilla funciona igual, y las llamadas simplemente no hacen nada.
Mantener la pantalla encendida.
Copiar al portapapeles.
Abrir en el navegador o app externos.
Toast nativo breve.
Una vibración única (50 ms por defecto) o un patrón [apagado, encendido, apagado, encendido…].
Cómo las llama la plantilla
async function track() {
if (window.FreeApp && !(await FreeApp.requestPermission('location'))) return;
if (window.FreeApp) FreeApp.keepAwake(true);
navigator.geolocation.watchPosition(p => update(p.coords), null, { enableHighAccuracy: true });
}
openMaps.onclick = () => window.FreeApp && FreeApp.open('https://www.google.com/maps/search/?api=1&query=' + lat + ',' + lng);
Hazla tuya con IA
Copia este prompt en ChatGPT, Gemini o Claude, cambia la idea por la tuya y pega la respuesta en el editor. Ya le explica a la IA la estructura de la app y las funciones del teléfono.
Mostrar el prompt para IA
Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.
The app: Location Tracker — a GPS tracker with coordinates, accuracy and a walking-distance tracker. GPS coordinates, accuracy and a walking distance tracker.
Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- Must work fully offline: no CDN or external scripts, fonts or images; persist data in localStorage.
The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.requestPermission(name: 'camera' | 'microphone' | 'location' | 'notifications'): Promise<boolean>
- FreeApp.keepAwake(on: boolean): void — keep the screen on
- FreeApp.copy(text: string): void — copy to clipboard
- FreeApp.open(url: string): void — open in the external browser / app
- FreeApp.toast(message: string): void — short native toast
- FreeApp.vibrate(ms?: number | number[]): void — one-shot buzz (default 50 ms) or an [off, on, off, on…] pattern
Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.
Return the complete index.html in one code block.
My idea: [DESCRIBE YOUR APP IDEA HERE]Conviértela en una app de Android
- Toca Editar y compilar en línea. La plantilla se abre en el editor en línea.
- Cambia el texto, los colores y el código, y luego elige un nombre de app, un icono y un nombre del paquete.
- Compila. Obtienes un APK firmado para instalar y un AAB para Google Play, gratis, sin cuenta y sin marca de agua.
✏️ Editar y compilar en línea CONSÍGUELA GRATIS ENGoogle Play
Más plantillas de dispositivo
Linterna
Linterna con un gran botón de encendido, con modos estroboscópico y SOS.
Laboratorio de vibración
Reproduce y compone patrones hápticos personalizados.
Información del dispositivo
Modelo del teléfono, pantalla, sistema operativo, memoria y datos de la app.
Monitor de batería
Nivel de batería, estado de carga y un gráfico de historial en vivo.
Estado de la red
Estado en línea/sin conexión, tipo de conexión y registro de cambios.
Escáner de QR y códigos de barras
Escáner nativo a pantalla completa con linterna, filtros de formato, copiar/abrir/compartir e historial de escaneos.