React Native中如何在后台维持Socket连接？（基于Wix导航v2等栈）

我来帮你解决这个后台Socket断开无法重连的问题——这在Android后台环境里太常见了，主要是系统的后台限制和咱们的连接配置没适配好。结合你的技术栈，给你几个针对性的方案：

Android后台对HTTP轮询（polling）的限制很严，默认Socket.io可能会用polling作为 fallback，这很容易被系统掐断。另外，要加上主动心跳来维持连接，避免被系统判定为闲置连接。

修改你的Socket初始化代码：

let socket = io(URL, {
  reconnection: true,
  reconnectionDelay: 1000,
  reconnectionDelayMax: 5000,
  reconnectionAttempts: Infinity,
  autoConnect: true,
  // 强制使用websocket传输，避免polling被后台限制
  transports: ['websocket'],
  // 主动发送心跳，保持连接活跃
  pingInterval: 30000, // 每30秒发一次心跳
  pingTimeout: 60000   // 60秒没收到响应就认为断开
});

另外，你的disconnect事件里的手动重连逻辑可以去掉，因为reconnection: true已经会自动触发重连，手动调用反而可能和自动机制冲突：

socket.on('disconnect', reason => {
  console.log('Disconnect reason:', reason);
  showLocalPushNotification('Socket Say', `socket disconnect :(`);
  // 去掉socket.connect()，让自动重连机制生效
});

Android 6.0+的Doze模式会在设备闲置时大幅限制后台进程的网络和CPU使用，直接导致Socket断开且无法重连。你需要做两件事：

申请忽略电池优化权限 #

在AndroidManifest.xml里添加权限：

<uses-permission android:name="android.permission.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS" />

然后在App启动时（比如App.js里）请求用户授权：

import { Platform, PermissionsAndroid } from 'react-native';

async function requestBatteryOptimizationPermission() {
  if (Platform.OS === 'android') {
    try {
      const granted = await PermissionsAndroid.request(
        PermissionsAndroid.PERMISSIONS.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS,
        {
          title: '忽略电池优化',
          message: '为了保持后台Socket连接，请允许应用忽略电池优化',
          buttonNeutral: '稍后再说',
          buttonNegative: '取消',
          buttonPositive: '允许'
        }
      );
      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
        console.log('已获得忽略电池优化权限');
      }
    } catch (err) {
      console.warn(err);
    }
  }
}

// 在App启动时调用
requestBatteryOptimizationPermission();

使用Foreground Service维持进程存活 #

Headless Task在后台运行一段时间后很容易被系统杀死，Foreground Service因为有前台通知，优先级更高，能让进程保持存活。

对于RN59，你可以用react-native-foreground-service@2.3.1（这个版本兼容RN59），步骤如下：

1. 安装依赖：npm install react-native-foreground-service@2.3.1 --save
2. 在AndroidManifest.xml里添加权限和服务配置：

<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
<application ...>
  <service android:name="com.evollu.react.fcm.ForegroundService" />
</application>

3. 在backgroundTask.js里启动Foreground Service：

import ForegroundService from 'react-native-foreground-service';

// 在任务启动时初始化Foreground Service
async function initForegroundService() {
  await ForegroundService.start({
    id: 1,
    title: 'Socket连接维持',
    description: '正在后台保持Socket连接',
    icon: 'ic_notification', // 你需要在res/drawable里放置对应图标
  });
}

你的Socket是全局初始化的，但Headless Task可能会被系统多次启动/重启，全局的Socket实例可能已经失效。应该把Socket的初始化放在Headless Task的内部，每次任务启动时重新创建连接：

修改后的backgroundTask.js核心逻辑：

import BackgroundTimer from 'react-native-background-timer'; 
import io from 'socket.io-client'; 
import { showLocalPushNotification } from 'helper/PushNotificationServices'; 
import { Platform } from 'react-native';
import ForegroundService from 'react-native-foreground-service';

const URL = 'http://SOME_SECURE_URL'; 

const currentTimestamp = () => { 
  const d = new Date(); 
  const z = n => (n.toString().length == 1 ? `0${n}` : n); 
  return `${d.getFullYear()}-${z(d.getMonth() + 1)}-${z(d.getDate())} ${z( d.getHours() )}:${z(d.getMinutes())}`; 
}; 

// 封装Socket初始化逻辑
function initSocket() {
  const socket = io(URL, {
    reconnection: true,
    reconnectionDelay: 1000,
    reconnectionDelayMax: 5000,
    reconnectionAttempts: Infinity,
    autoConnect: true,
    transports: ['websocket'],
    pingInterval: 30000,
    pingTimeout: 60000
  });

  // 绑定所有Socket事件
  socket.on('connect', () => {
    showLocalPushNotification('Socket Say', `socket connect successfully`);
  });

  socket.on('disconnect', reason => {
    console.log('Disconnect reason:', reason);
    showLocalPushNotification('Socket Say', `socket disconnect :(`);
  });

  socket.on('receive', async data => {
    console.log('Received data:', data);
    showLocalPushNotification( 'Socket Say', `${currentTimestamp()}` );
  });

  socket.on('reconnect', attemptNumber => {
    console.log('Reconnected after', attemptNumber, 'attempts');
    showLocalPushNotification('Socket Say', `socket reconnected`);
  });

  return socket;
}

export default async () => {
  // 启动Foreground Service
  if (Platform.OS === 'android') {
    await initForegroundService();
  }

  const socket = initSocket();
  let timerId = null;

  // 启动后台定时器
  timerId = BackgroundTimer.runBackgroundTimer(() => {
    showLocalPushNotification( 'BackgroundTimer Say', `${currentTimestamp()}` );
    if (socket.connected) {
      socket.emit('send', { my: 'ok i get news' });
    }
  }, 1000 * 15 * 60);

  // 任务结束时清理资源
  return () => {
    if (timerId) {
      BackgroundTimer.stopBackgroundTimer(timerId);
    }
    socket.disconnect();
    if (Platform.OS === 'android') {
      ForegroundService.stop();
    }
  };
};

• 不要用模拟器测试后台行为，模拟器的后台限制和真机差异很大，一定要用真机测试。
• 部分国产ROM（小米、华为、OPPO等）有更严格的后台管控，需要引导用户手动把App加入“后台保护”白名单，这部分是系统级限制，代码无法绕过。

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