开始
复制一个包含安装步骤和本插件的完整 Markdown 指南的配置提示。
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-background-task`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/background-task/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
@capgo/capacitor-background-task 让一个 Capacitor 应用程序注册周期性任务来同步、缓存刷新、分析数据传递和其他后台抓取操作。
npm install @capgo/capacitor-background-tasknpx cap synciOS 设置
标题为“iOS 设置”的部分添加背景处理模式和允许的任务标识符到 ios/App/App/Info.plist:
<key>UIBackgroundModes</key><array> <string>processing</string></array><key>BGTaskSchedulerPermittedIdentifiers</key><array> <string>app.capgo.backgroundtask.processing</string></array>然后运行:
npx cap sync ios导入
导入部分import { BackgroundTask, BackgroundTaskResult } from '@capgo/capacitor-background-task';定义一个任务
定义任务部分定义回调函数在模块范围内,以便它在操作系统启动应用程序时即注册。
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; }});注册计划
计划注册调用 registerTaskAsync 在您的应用程序有足够的上下文后,启用后台作业。
await BackgroundTask.registerTaskAsync(SYNC_TASK, { minimumInterval: 30, requiresNetwork: true,});minimumInterval 时间单位为分钟。Android强制执行最少 15 分钟。iOS 将该值视为最早开始日期并可能稍后运行。
查看状态
查看状态const status = await BackgroundTask.getStatusAsync();const isRegistered = await BackgroundTask.isTaskRegisteredAsync(SYNC_TASK);const registeredTasks = await BackgroundTask.getRegisteredTasksAsync();
console.log({ status, isRegistered, registeredTasks });触发测试运行
await BackgroundTask.triggerTaskWorkerForTestingAsync();注销任务
任务注销await BackgroundTask.unregisterTaskAsync(SYNC_TASK);iOS过期
iOS过期iOS可以在JavaScript工作完成之前停止后台任务。请在清理或检查点时监听过期事件。
const expiration = await BackgroundTask.addExpirationListener((event) => { console.warn('Background task expired', event.taskName, event.taskId);});
await expiration.remove();React Native后台任务兼容性
任务兼容性插件还暴露了从 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,});生产笔记
生产笔记- 背景调度是机会主义的,而不是精确的。
- 保持工作短暂且幂等。
- 在返回之前持久化您需要的任何状态。
BackgroundTaskResult.Success. - 避免依赖背景任务来实现用户可见的截止日期或闹钟。
从 Getting Started 继续
从 Getting Started 继续如果您正在使用 Getting Started 来规划原生插件工作,连接它与 使用 @capgo/capacitor-background-task 为原生能力在使用 @capgo/capacitor-后台任务中 Capgo 插件目录 为产品工作流程在 Capgo 插件目录中 Capacitor 插件由 Capgo 为实现细节在 Capacitor 插件由 Capgo 中 添加或更新插件 为实现细节在添加或更新插件中 Ionic 企业插件替代品 为产品工作流程在 Ionic 企业插件替代品中