Pasar al contenido principal
Volver a plugins
@capgo/capacitor-geolocalización-de-fondo
Tutorial
@capgo/capacitor-geolocalización-de-fondo

Geolocalización de fondo

Seguimiento de ubicación de fondo preciso con geofencing nativo iOS y Android, además de webhooks de transición

Guía

Tutoría sobre Geolocalización de Fondo

Probar en dispositivo

Descargar la aplicación Capgo, luego escanea el código QR code.

Previsualización del plugin de geolocalización de fondo QR code

Usando @capgo/background-geolocation

Geolocalización de fondo precisa y geofenciamiento nativo para aplicaciones Capacitor en iOS y Android. Utilícelo para transmitir actualizaciones de ubicación precisa, monitorear regiones circulares y entregar transiciones de geofenciamiento de entrada/salida a JavaScript o a su servidor backend.

Instalar

bun add @capgo/background-geolocation
bunx cap sync

¿Qué este plugin expone

  • start - Transmite actualizaciones de ubicación de fondo o de primer plano precisas.
  • stop - Detener el seguimiento de ubicación activo.
  • openSettings - Abrir ajustes nativos cuando los usuarios necesiten corregir permisos de ubicación.
  • setPlannedRoute - Reproducir un sonido nativo cuando el usuario abandona un recorrido planificado.
  • setupGeofencing - Configurar valores de geofenciamiento nativo por defecto y entrega de webhook de transición opcional.
  • addGeofence - Monitorear una región circular de geofenciamiento de iOS o Android.
  • removeGeofence / removeAllGeofences - Detener el monitoreo de una o todas las regiones registradas.
  • getMonitoredGeofences - Identificadores de regiones monitoreadas.
  • geofenceTransition - listener - Recibe eventos de entrada y salida mientras la aplicación está activa.
  • geofenceError - listener - Maneja errores de monitoreo nativo por separado de eventos de transición.

Ejemplo de uso

start

Para empezar a escuchar cambios en la ubicación del dispositivo, llama a este método. Se devuelve una Promesa para indicar que se ha completado la llamada. El callback se llamará cada vez que esté disponible una nueva ubicación, o si hubo un error al llamar a este método. No confíes en la rechazación de la promesa para esto.

import { BackgroundGeolocation } from '@capgo/background-geolocation';

await BackgroundGeolocation.start(
  {
    backgroundMessage: "App is using your location in the background",
    backgroundTitle: "Location Service",
    requestPermissions: true,
    stale: false,
    distanceFilter: 10
  },
  (location, error) => {
    if (error) {
      console.error('Location error:', error);
      return;
    }
    if (location) {
      console.log('New location:', location.latitude, location.longitude);
    }
  }
);

stop

Detiene actualizaciones de ubicación.

import { BackgroundGeolocation } from '@capgo/background-geolocation';

await BackgroundGeolocation.stop();

openSettings

Abre la página de ajustes de ubicación del dispositivo. Útil para dirigir a los usuarios a habilitar servicios de ubicación o ajustar permisos.

import { BackgroundGeolocation } from '@capgo/background-geolocation';

// Direct user to location settings
await BackgroundGeolocation.openSettings();

setPlannedRoute

Reproduce un archivo de sonido cuando el usuario se desvía del recorrido planificado. Esto se debe utilizar para reproducir un sonido (en segundo plano también, solo para nativo).

import { BackgroundGeolocation } from '@capgo/background-geolocation';

await BackgroundGeolocation.setPlannedRoute({
  soundFile: "notification.mp3",
  route: [[-74.0060, 40.7128], [-118.2437, 34.0522]]
});

Geofencado nativo

Monitorea tiendas, sitios de trabajo, zonas de entrega, campus o áreas de registro con geofencos nativos de iOS y Android. Agrega un HTTP o HTTPS url para permitir que code envíe cargas de transición POST mientras el WebView está suspendido.

import { BackgroundGeolocation } from '@capgo/background-geolocation';

await BackgroundGeolocation.setupGeofencing({
  url: 'https://api.example.com/geofences',
  notifyOnEntry: true,
  notifyOnExit: true,
  payload: { userId: '123' },
});

await BackgroundGeolocation.addGeofence({
  identifier: 'warehouse',
  latitude: 40.7128,
  longitude: -74.006,
  radius: 200,
});

const listener = await BackgroundGeolocation.addListener(
  'geofenceTransition',
  (event) => console.log(event.identifier, event.transition),
);

const errorListener = await BackgroundGeolocation.addListener(
  'geofenceError',
  (event) => console.error(event.identifier, event.message),
);

await BackgroundGeolocation.removeGeofence({ identifier: 'warehouse' });
await listener.remove();
await errorListener.remove();

En Android, agrega ACCESS_BACKGROUND_LOCATION solo cuando necesites geolocalización de fondo:

<uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />

Referencia completa

Sigue adelante desde Usando @capgo/geolocalización-de-fondo

Si estás utilizando Usando @capgo/geolocalización-de-fondo para planificar el trabajo de plugin nativo, conecta con @capgo/geolocalización-de-fondo para los detalles de implementación en @capgo/geolocalización-de-fondo Iniciación para los detalles de implementación en Getting Started, Directorio de Plugins Capgo para el flujo de trabajo del producto en Directorio de Plugins Capgo, Plugins por Capgo en Capacitor para los detalles de implementación en Plugins por Capgo en Capacitor, y Agregar o Actualizar Plugins para los detalles de implementación en Agregar o Actualizar Plugins.