NativeScript实现后台HTTP请求及应用关闭后代码执行方案咨询

嘿，针对你的需求——应用被任务管理器关闭后仍能发起HTTP请求并发送本地通知，我结合Android 8+的后台限制和iOS的后台机制，给你梳理具体实现步骤、权限要求和代码示例：

一、Android平台实现 #

Android 8.0（API 26）后对后台执行做了严格限制，普通后台服务会被系统杀死，所以得用Google推荐的WorkManager来调度后台任务，它能保证任务即使在应用被杀死后也能执行。

1. 所需权限 #

在AndroidManifest.xml中添加以下权限：

<!-- Android 13+必填通知权限 -->
<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
<!-- 读取外部日历权限 -->
<uses-permission android:name="android.permission.READ_CALENDAR" />
<!-- Android 12+精确闹钟权限，用于触发1小时后的提醒 -->
<uses-permission android:name="android.permission.SCHEDULE_EXACT_ALARM" />
<!-- 可选：保证任务执行时设备不休眠 -->
<uses-permission android:name="android.permission.WAKE_LOCK" />

注意：POST_NOTIFICATIONS和SCHEDULE_EXACT_ALARM需要在运行时动态向用户申请。

2. 后台任务实现（WorkManager + React Native） #

我们借助react-native-work-manager库集成WorkManager，步骤如下：

步骤1：安装依赖

npm install react-native-work-manager --save
# 或用yarn
yarn add react-native-work-manager

（RN 0.60+版本会自动完成Android端链接）

步骤2：创建原生Worker类

在Android原生代码中编写Worker，用于触发RN端的业务逻辑：

// android/app/src/main/java/com/yourapp/CalendarCheckWorker.java
package com.yourapp;

import android.content.Context;
import androidx.annotation.NonNull;
import androidx.work.Worker;
import androidx.work.WorkerParameters;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactInstanceManager;
import com.facebook.react.bridge.ReactNativeHost;
import com.facebook.react.bridge.UiThreadUtil;
import com.facebook.react.modules.core.DeviceEventManagerModule;

public class CalendarCheckWorker extends Worker {
    public CalendarCheckWorker(@NonNull Context context, @NonNull WorkerParameters workerParams) {
        super(context, workerParams);
    }

    @NonNull
    @Override
    public Result doWork() {
        // 切换到UI线程触发RN事件
        UiThreadUtil.runOnUiThread(() -> {
            ReactNativeHost reactNativeHost = ((MainApplication) getApplicationContext()).getReactNativeHost();
            ReactInstanceManager reactInstanceManager = reactNativeHost.getReactInstanceManager();
            ReactApplicationContext reactContext = (ReactApplicationContext) reactInstanceManager.getCurrentReactContext();
            
            if (reactContext != null) {
                // 向RN发送事件，触发日历检查逻辑
                reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                        .emit("checkUpcomingCalendarEvents", null);
            }
        });
        return Result.success();
    }
}

步骤3：RN端处理业务逻辑

在RN的JS代码中监听事件，完成HTTP请求、事件筛选和通知发送：

import { DeviceEventEmitter, PermissionsAndroid, Platform } from 'react-native';
import axios from 'axios';
import LocalNotification from 'react-native-local-notification'; // 按你实际使用的插件调整

// 动态申请权限
const requestRequiredPermissions = async () => {
  const permissions = [
    PermissionsAndroid.PERMISSIONS.READ_CALENDAR,
    PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,
    PermissionsAndroid.PERMISSIONS.SCHEDULE_EXACT_ALARM
  ];
  const grantedResults = await PermissionsAndroid.requestMultiple(permissions);
  return Object.values(grantedResults).every(perm => perm === PermissionsAndroid.RESULTS.GRANTED);
};

// 处理后台任务逻辑
const handleCalendarCheck = async () => {
  try {
    // 1. 发起HTTP请求获取外部日历事件
    const response = await axios.get('https://your-api-domain/calendar-events');
    const events = response.data;

    // 2. 筛选1小时内即将开始的事件
    const now = Date.now();
    const oneHourLater = now + 3600 * 1000;
    const upcomingEvents = events.filter(event => {
      const eventStartTime = new Date(event.startTime).getTime();
      return eventStartTime >= now && eventStartTime <= oneHourLater;
    });

    // 3. 发送本地通知
    if (upcomingEvents.length > 0) {
      // Android 8+需要先创建通知渠道
      if (Platform.OS === 'android') {
        LocalNotification.createChannel({
          channelId: 'calendar_reminder',
          channelName: '日历事件提醒',
          channelDescription: '提醒即将开始的日历事件'
        });
      }
      
      upcomingEvents.forEach(event => {
        LocalNotification.create({
          title: '日历事件提醒',
          message: `${event.title}将在1小时后开始`,
          channelId: Platform.OS === 'android' ? 'calendar_reminder' : undefined,
          sound: 'default'
        });
      });
    }
  } catch (error) {
    console.error('后台任务执行失败:', error);
  }
};

// 调度后台任务
const scheduleBackgroundTask = async () => {
  const hasPermissions = await requestRequiredPermissions();
  if (!hasPermissions) {
    console.log('权限未全部获取，无法调度后台任务');
    return;
  }

  // 注册并调度WorkManager任务，每30分钟执行一次
  await RNWorkManager.registerTask('CalendarCheckWorker');
  await RNWorkManager.scheduleTask({
    taskName: 'CalendarCheckWorker',
    delay: 0, // 立即启动首次任务
    period: 1800, // 重复间隔（秒），这里设为30分钟
    flex: 300, // 系统可调整的弹性时间（秒）
    networkType: 'NONE' // 无需网络也能执行，按需修改
  });
};

// 组件挂载时初始化任务
useEffect(() => {
  DeviceEventEmitter.addListener('checkUpcomingCalendarEvents', handleCalendarCheck);
  scheduleBackgroundTask();
  
  return () => {
    DeviceEventEmitter.removeListener('checkUpcomingCalendarEvents', handleCalendarCheck);
  };
}, []);

二、iOS平台实现 #

iOS对后台运行限制更严格，应用被多任务界面划掉后，仅特定场景（如后台刷新、定位）能继续执行代码。我们用Background App Refresh来实现需求。

1. 配置与权限 #

• 在Xcode的Info.plist中添加后台模式：

<key>UIBackgroundModes</key>
<array>
  <string>fetch</string>
</array>

• 在Xcode项目设置的Signing & Capabilities中，添加Background Modes并勾选Background fetch。

2. 后台任务实现（react-native-background-fetch） #

借助react-native-background-fetch库集成后台刷新：

步骤1：安装依赖

npm install react-native-background-fetch --save
# 或用yarn
yarn add react-native-background-fetch

步骤2：RN端配置与逻辑处理

import BackgroundFetch from 'react-native-background-fetch';
import axios from 'axios';
import LocalNotification from 'react-native-local-notification';

// 初始化后台刷新任务
const initBackgroundFetch = async () => {
  const status = await BackgroundFetch.configure({
    minimumFetchInterval: 15, // iOS强制最小间隔15分钟，系统会根据设备状态调整
    stopOnTerminate: false, // 应用被杀死后仍执行（iOS 13+支持）
    startOnBoot: true // 设备重启后启动任务
  }, async (taskId) => {
    // 执行后台任务逻辑
    try {
      const response = await axios.get('https://your-api-domain/calendar-events');
      const events = response.data;

      const now = Date.now();
      const oneHourLater = now + 3600 * 1000;
      const upcomingEvents = events.filter(event => {
        const eventStartTime = new Date(event.startTime).getTime();
        return eventStartTime >= now && eventStartTime <= oneHourLater;
      });

      if (upcomingEvents.length > 0) {
        upcomingEvents.forEach(event => {
          LocalNotification.create({
            title: '日历事件提醒',
            body: `${event.title}将在1小时后开始`,
            sound: 'default'
          });
        });
      }
    } catch (error) {
      console.error('后台刷新失败:', error);
    }
    // 通知系统任务完成
    BackgroundFetch.finish(taskId);
  }, (error) => {
    console.error('Background Fetch 错误:', error);
  });

  if (status === BackgroundFetch.STATUS_DENIED) {
    console.log('后台刷新权限被用户拒绝');
  }
};

// 组件挂载时初始化
useEffect(() => {
  initBackgroundFetch();
}, []);

三、通用注意事项 #

• HTTP请求优化：后台请求要轻量，避免长时间占用资源，Android和iOS都可能终止耗时过长的后台任务。
• 测试技巧：Android可用adb shell am broadcast -a androidx.workmanager.test.SCHEDULE_WORK触发任务；iOS可在Xcode的Debug -> Simulate Background Fetch测试。
• 权限降级处理：如果用户拒绝某些权限，要给出友好提示，避免功能完全失效。

内容的提问来源于stack exchange，提问作者Christopher Civitale