Expo React Native实现App后台及关闭状态下持续运行方案咨询

原方案用useEffect+setInterval实现的定时任务，仅能在App前台活跃时正常运行。当App进入后台或被关闭后，iOS/Android系统会挂起JS线程、限制后台进程资源，导致定时器停止工作，无法执行fetchData逻辑。以下是两种可行的解决方案：

一、使用Expo后台任务工具（客户端定时） #

从代码中的expoPushToken推测你使用的是Expo项目，可借助Expo提供的后台任务API实现后台定时任务，但需接受系统的资源限制：

1. 安装依赖 #

npx expo install expo-task-manager expo-background-fetch @react-native-async-storage/async-storage

2. 定义并注册后台任务 #

import * as TaskManager from 'expo-task-manager';
import * as BackgroundFetch from 'expo-background-fetch';
import AsyncStorage from '@react-native-async-storage/async-storage';

// 后台任务唯一标识
const BACKGROUND_FETCH_TASK = 'order-fetch-task';

// 编写后台任务逻辑（后台环境无法直接访问组件state/ref，需用本地存储记录状态）
TaskManager.defineTask(BACKGROUND_FETCH_TASK, async () => {
  try {
    const data = await FetchData();
    const newLength = data.length;
    
    // 从本地存储读取上次记录的数据长度
    const prevLengthStr = await AsyncStorage.getItem('prevOrderLength');
    const prevLength = prevLengthStr ? parseInt(prevLengthStr) : 0;

    if (data && newLength > prevLength) {
      await sendNotification(expoPushToken);
      // 更新本地存储的最新长度
      await AsyncStorage.setItem('prevOrderLength', newLength.toString());
      return BackgroundFetch.Result.NewData;
    } else {
      return BackgroundFetch.Result.NoData;
    }
  } catch (error) {
    console.error('后台任务执行失败:', error);
    return BackgroundFetch.Result.Failed;
  }
});

// 注册后台任务
async function registerBackgroundTask() {
  try {
    await BackgroundFetch.registerTaskAsync(BACKGROUND_FETCH_TASK, {
      minimumInterval: 60, // 最小触发间隔（秒），系统会根据资源情况调整
      stopOnTerminate: false, // Android端：App关闭后是否继续执行任务
      startOnBoot: true, // Android端：设备开机后自动启动任务
    });
  } catch (error) {
    console.error('注册后台任务失败:', error);
  }
}

// 组件挂载时注册任务，卸载时取消
useEffect(() => {
  registerBackgroundTask();
  return () => {
    BackgroundFetch.unregisterTaskAsync(BACKGROUND_FETCH_TASK);
  };
}, []);

系统限制说明 #

• iOS：后台Fetch的触发间隔由系统完全控制，无法做到精确10秒，通常间隔15-30分钟，且仅在设备充电、联网时调度，优先保证省电。
• Android：可通过expo-work-manager实现更灵活的定时任务，但仍受Doze模式限制（设备休眠时暂停任务），需申请忽略电池优化权限才能在休眠时运行。

二、服务器推送（最优方案） #

客户端轮询效率低、费电且受系统严格限制，推荐改用服务器主动推送的方式，实现实时更新，且App后台/关闭状态下也能收到通知：

实现思路 #

1. 服务器端集成FCM（Firebase Cloud Messaging）或APNs（iOS推送服务），当有新数据时，直接向客户端发送推送通知。
2. 客户端监听推送通知，收到后触发fetchData获取最新数据，或直接在推送内容中携带关键信息。

Expo Notifications 示例代码 #

import * as Notifications from 'expo-notifications';

// 配置通知展示规则
Notifications.setNotificationHandler({
  handleNotification: async () => ({
    shouldShowAlert: true,
    shouldPlaySound: true,
    shouldSetBadge: false,
  }),
});

// 监听推送通知（前台/后台均可触发）
useEffect(() => {
  const notificationSubscription = Notifications.addNotificationReceivedListener(async () => {
    await fetchData();
  });

  return () => {
    notificationSubscription.remove();
  };
}, []);

这种方式无需客户端定时轮询，完全由服务器控制触发时机，实时性和可靠性远高于客户端轮询，且符合移动端系统的后台运行规则。

内容的提问来源于stack exchange，提问作者Anass Nabil