跳过内容

Getting Started

GitHub

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

您可以使用我们的AI辅助设置来安装插件。使用以下命令将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 设置

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 });

触发测试运行

标题:触发测试运行

在开发或 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 企业插件替代方案的产品工作流程