Skip to content

Latest commit

 

History

History
121 lines (81 loc) · 3.62 KB

README.md

File metadata and controls

121 lines (81 loc) · 3.62 KB

Capacitor Geofencing

npm version

This is a plugin for Capacitor that exposes native iOS geofencing capabilities to your capacitor app.

Why?

We needed a way to find out when users enter and exit a region in a capacitor app that would only be built for iOS. Since we can't wake the entire hybrid part of the app to handle a callback or a promise, we need to handle everything natively. This plugin handles that by taking an url to which it will send a payload when users enter or leave the registered regions.

Installation

npm i capacitor-geofencing

Configuration

The plugin needs some configuration:

import { Plugins } from "@capacitor/core";
import { CapacitorGeofencingPlugin } from "capacitor-geofencing";
let { CapacitorGeofencing } = Plugins;

CapacitorGeofencing.setup({
    url: "", 				// Endpoint to which the plugin will POST the payload.
    notifyOnEntry: true, 	// Whether the plugin will notify on entry yes or no.
    notifyOnExit: true,		// Whether the plugin will notify on exit yes or no.
    payload: {}				// Object that will be sent to the server.
}); // This returns a promise with a success/error message.

The promise returned here is important: an error will be returned when supplied invalid parameters, or when the user gave an invalid location authorization status (the only valid status is .alwaysAuthorization).

You also need to add the following keys to your info.plist file:

<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
<string>Reason for always usage.</string>
<key>NSLocationWhenInUseUsageDescription</key>
<string>Reasen for when in usage.</string>

The payload parameter here is interesting; this will be sent through a POST request to the given url. However, the plugin will inject some other data into that request: the identifier(String) of the geofence that was triggered, and an enter(Boolean) property indicating whether the user entered or left the area.

Register a region

After setting up the plugin you can register regions. It is recommended to set up geofences in the success Promise returned by the setup function. For more information, see the complete example at the bottom of this page.

CapacitorGeofencing.addRegion({
    latitude: 37.33182,
    longitude: 122.03118,
    identifier: "infinite-loop",
    radius: 500
});	// This returns a promise with a success/error message.

Stop monitoring a region

When you're done monitoring a region, you can remove it by supplying the identifier.

CapacitorGeofencing.stopMonitoring({
    identifier: "infinite-loop"
});	// This returns a promise with a success/error message.

List all monitored regions

This lists the identifiers of the regions that are currently being monitored.

CapacitorGeofencing.monitoredRegions()
    .then(regions => {
    	// regions is an array of Strings.
    });

Complete example

import { Plugins } from "@capacitor/core";
import { CapacitorGeofencingPlugin } from "capacitor-geofencing";
let { CapacitorGeofencing } = Plugins;

CapacitorGeofencing.setup({
    url: "",
    notifyOnEntry: true,
    notifyOnExit: true,
    payload: {}
})
.then(s => {
    console.log("Successfully finished setting up.");
    return CapacitorGeofencing.addRegion({
        latitude: 37.33182,
        longitude: 122.03118,
        identifier: "infinite-loop",
        radius: 500
    })
})
.then(s => {
    console.log("Successfully added geofence.");
})
.catch(e => {
    console.log(`Error: ${JSON.stringify(e)}`);
});