Zum Inhalt springen

Anleitung zum Starten

@capgo/capacitor-background-task lässt ein Capacitor-App regelmäßige Aufgaben für Synchronisierung, Cache-Refreshes, Analytics-Übermittlung und andere Hintergrundabfragen registrieren.

Terminal-Fenster
npm install @capgo/capacitor-background-task
npx cap sync

Fügen Sie den Hintergrundverarbeitungsmodus und die zulässige Aufgabenidentifikation hinzu ios/App/App/Info.plist:

<key>UIBackgroundModes</key>
<array>
<string>processing</string>
</array>
<key>BGTaskSchedulerPermittedIdentifiers</key>
<array>
<string>app.capgo.backgroundtask.processing</string>
</array>

Dann ausführen:

Terminal-Fenster
npx cap sync ios
import { BackgroundTask, BackgroundTaskResult } from '@capgo/capacitor-background-task';

__CAPGO_KEEP_0__

import { BackgroundTask, BackgroundTaskResult } from '@capgo/capacitor-background-task';
const SYNC_TASK = 'sync-offline-data';
BackgroundTask.defineTask(SYNC_TASK, async () => {
try {
await fetch('https://api.example.com/sync', { method: 'POST' });
return BackgroundTaskResult.Success;
} catch {
return BackgroundTaskResult.Failed;
}
});

Aufrufen registerTaskAsync __CAPGO_KEEP_0__

await BackgroundTask.registerTaskAsync(SYNC_TASK, {
minimumInterval: 30,
requiresNetwork: true,
});

minimumInterval ist in Minuten. Android erzwingt eine Mindestzeit von 15 Minuten. iOS behandelt den Wert als frühesten Beginndatum und kann später laufen.

const status = await BackgroundTask.getStatusAsync();
const isRegistered = await BackgroundTask.isTaskRegisteredAsync(SYNC_TASK);
const registeredTasks = await BackgroundTask.getRegisteredTasksAsync();
console.log({ status, isRegistered, registeredTasks });

Verwenden Sie den Testauslöser im Entwicklungs- oder Qa-Modus. Er ruft alle registrierten Aufgaben sofort auf.

await BackgroundTask.triggerTaskWorkerForTestingAsync();
await BackgroundTask.unregisterTaskAsync(SYNC_TASK);

iOS kann einen Hintergrundauftrag beenden, bevor Ihre JavaScript-Arbeit abgeschlossen ist. Hören Sie sich bei Ablaufereignissen an, wenn Reinigung oder Checkpointing relevant ist.

const expiration = await BackgroundTask.addExpirationListener((event) => {
console.warn('Background task expired', event.taskName, event.taskId);
});
await expiration.remove();

Der Plugin bietet auch eine kleine Kompatibilitätslayer für Apps, die von react-native-background-task.

import { BackgroundTask } from '@capgo/capacitor-background-task';
BackgroundTask.define(async () => {
await fetch('https://api.example.com/sync', { method: 'POST' });
});
await BackgroundTask.schedule({
period: 1800,
});
  • Hintergrundplanung ist opportun, nicht exakt.
  • Halten Sie die Arbeit kurz und idempotent.
  • Behalten Sie alle benötigten Zustände, bevor Sie zurückkehren BackgroundTaskResult.Success.
  • Vermeiden Sie es, sich auf Hintergrundaufgaben für sichtbare Fristen oder Alarms zu verlassen.