跳过内容

开始

GitHub

@capgo/capacitor-background-task 让一个 Capacitor 应用程序注册名为周期性作业、缓存刷新、分析数据传递和其他后台抓取操作。

您可以使用我们的 AI-Assisted Setup 来安装插件。使用以下命令将 Capgo 技能添加到您的 AI 工具中:

目标语言:简体中文
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

然后使用以下提示:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-background-task` plugin in my project.

如果您更喜欢手动设置,请按照以下命令安装插件并遵循以下平台特定的说明:

终端窗口
npm install @capgo/capacitor-background-task
npx cap sync

添加背景处理模式和允许的任务标识符到 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 });

触发测试运行

标题:触发测试运行

在开发或 QA 中使用测试触发器。它会立即调用已注册的所有任务。

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 后台任务兼容性

插件还暴露了从 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-background-task 中 Capgo 插件目录 为产品工作流程在 Capgo 插件目录中, Capacitor 插件由 Capgo 为 Capacitor 插件由 Capgo 的实现细节 添加或更新插件 为添加或更新插件的实现细节, 和 Ionic 企业插件替代品 为 Ionic 企业插件替代品的产品工作流程