Headless Task not getting performed in the background after app is closed

[rahulkasana]

#85 Your Environment

• Plugin version:3.1.0
• Platform: Android
• OS version: 8.1
• Device manufacturer / model: Xiaomi Redmi 6A
• React Native version (react-native -v): 0.61.5
• Plugin config
  BackgroundFetch.configure(
  {
  minimumFetchInterval: 15,
  enableHeadless: true,
  stopOnTerminate: false,
  startOnBoot: true,
  forceAlarmManager: false,
  requiredNetworkType: BackgroundFetch.NETWORK_TYPE_NONE,
  },
  async taskId => {
  await this.sendRemainigData();
  BackgroundFetch.finish(taskId);
  },
  error => {
  console.log('[js] RNBackgroundFetch failed to start');
  }
  );

Expected Behavior

Headless task should execute.

Actual Behavior

Headless task is not executing.

Steps to Reproduce

1. In index.js (Project level) i have defined -

let MyHeadlessTask = async ({ taskId }) => {
let response = await doRequest({
method: REQUEST_TYPE.POST,
url: '/initial-data',
data: { ...data },
});
let responseJson = await response.json();
BackgroundFetch.finish(taskId);
};
BackgroundFetch.registerHeadlessTask(MyHeadlessTask);

2. In home component I'm defining BackgroundFetch.configure as code above in componentDidMount of Home page of app.
3. If app is opened or in background task is executed after every 15 minutes. After i close my app. I am not able to hit the api in background via headless task.
4. Also in xiomi phone i have remove the app from battery optimization list as well.

Context

Send an API call even after app is closed every 15 minutes.

Debug logs

07-29 15:23:26.668 17363 17363 D ReactNative: ReactInstanceManager.onJSBundleLoadedFromServer()
07-29 15:23:26.670 17363 17363 D ReactNative: ReactInstanceManager.recreateReactContextInBackground()
07-29 15:23:26.670 17363 17363 D ReactNative: ReactInstanceManager.runCreateReactContextOnNewThread()
07-29 15:23:26.670 17363 17363 D ReactNative: ReactInstanceManager.tearDownReactContext()
07-29 15:23:26.685 17363 17363 D ReactNative: CatalystInstanceImpl.destroy() start
07-29 15:23:26.690 17363 18958 D ReactNative: ReactInstanceManager.createReactContext()
07-29 15:23:26.692 17363 17745 I ReactNative: [GESTURE HANDLER] Tearing down gesture handler registered for root view com.facebook.react.ReactRootView{8517d19 V.E...... ......ID 0,0-720,1294}
07-29 15:23:26.742 17363 18958 D ReactNative: Initializing React Xplat Bridge.
07-29 15:23:26.746 17363 18958 D ReactNative: Initializing React Xplat Bridge before initializeBridge
07-29 15:23:26.754 17363 18958 D ReactNative: Initializing React Xplat Bridge after initializeBridge
07-29 15:23:26.754 17363 18958 D ReactNative: CatalystInstanceImpl.runJSBundle()
07-29 15:23:26.757 17363 18961 D ReactNative: ReactInstanceManager.setupReactContext()
07-29 15:23:26.758 17363 18961 D ReactNative: CatalystInstanceImpl.initialize()
07-29 15:23:26.762 17363 18961 D ReactNative: ReactInstanceManager.attachRootViewToInstance()
07-29 15:23:27.054 17363 17497 D ReactNative: CatalystInstanceImpl.destroy() end
07-29 15:23:29.533 17363 18960 I ReactNativeJS: Running "rexxar" with {"rootTag":11}
07-29 15:23:29.705 17363 18960 I ReactNativeJS: BackgroundFetch is enabled
07-29 15:23:29.856 17363 18961 D TSBackgroundFetch: - configure
07-29 15:23:29.857 17363 18961 D TSBackgroundFetch: - start
07-29 15:23:29.857 17363 18961 D TSBackgroundFetch: - registerTask: react-native-background-fetch
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: {
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "taskId": "react-native-background-fetch",
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "isFetchTask": true,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "minimumFetchInterval": 15,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "stopOnTerminate": false,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "requiredNetworkType": 0,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "requiresBatteryNotLow": false,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "requiresCharging": false,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "requiresDeviceIdle": false,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "requiresStorageNotLow": false,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "startOnBoot": true,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "jobService": "com.transistorsoft.rnbackgroundfetch.HeadlessTask",
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "forceAlarmManager": false,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "periodic": true,
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: "delay": -1
07-29 15:23:29.859 17363 18961 D TSBackgroundFetch: }
07-29 15:23:29.897 17363 17363 D TSBackgroundFetch: - Background Fetch event received
07-29 15:23:31.389 17363 17363 I ReactNative: [GESTURE HANDLER] Initialize gesture handler for root view com.facebook.react.ReactRootView{8517d19 V.E...... ......ID 0,0-720,1294 #b}
07-29 15:23:31.432 17363 18961 D TSBackgroundFetch: - finish: react-native-background-fetch
07-29 15:23:31.432 17363 18961 D TSBackgroundFetch: - jobFinished
07-29 15:23:33.641 17363 18960 I ReactNativeJS: 'response ---', { status: true, data: {}, message: 'feed saved' }

[christocracy]

Are you simulating events?

[rahulkasana]

Yes I'm simulating events via -
adb shell cmd jobscheduler run -f com.redeo 999
And background task is getting executed. But if i close the app. I'm unable to run that task again.

[christocracy]

I suggest you clone this repo and run the /example app.

[rahulkasana]

Chris can you clarify if we can simulate events even if the app is closed during react-native run-android --variant='release' ?
Coz in my case i can simulate events when the app is open.

[rahulkasana]

Also I was going through some other headless js examples.
Would i have to use permission for wake lock to make it work as well chris?

Also i tried logging the method of library background-fetch/index.js to register headless task and i am still able to get the logs. But even still my headless task is not getting performed.
static registerHeadlessTask(task) {
console.log('REGISTERING HEADLESS TASK =======', task)
AppRegistry.registerHeadlessTask("BackgroundFetch", () => task);
}

[christocracy]

Would i have to use permission for wake lock to make it work as well chris?

The plugin has its own AndroidManifest.xml which automatically provides all the required permissions.

[rahulkasana]

So do you have any idea what might be causing the issue to not perform headless js task in background? I rechecked proguard rules, maven url in place, entire installation process. I rechecked all my code was in perfect files. I tried consoles in library and they were printing still the headless task wont be performed after app is quit. It works fine if the app is open or in background.

[christocracy]

So do you have any idea what might be causing the issue to not perform headless js task in background?

No. Have you tried the /example app in this repo?

[rahulkasana]

Yes i just did and headless task is not running even for example app. Here are the logs of example app after running ./simulate-fetch.sh The task executed at 18:08 after that I waited listening to logs for 20 minutes to see if the task will get executed after app is closed but it did not. Also after i opened the app again it had no task entry between 18:08 and 18:28 and the task only executed after i opened it at 18:30.

rk@MacBook-Air example (master) $ adb logcat *:S ReactNative:V ReactNativeJS:V TSBackgroundFetch:V
--------- beginning of system
--------- beginning of crash
--------- beginning of main
07-30 18:03:23.544 13799 14166 W ReactNativeJS: Cannot connect to the Metro server.
07-30 18:03:23.544 13799 14166 W ReactNativeJS:
07-30 18:03:23.544 13799 14166 W ReactNativeJS: Try the following to fix the issue:
07-30 18:03:23.544 13799 14166 W ReactNativeJS: - Ensure that the Metro server is running and available on the same network
07-30 18:03:23.544 13799 14166 W ReactNativeJS: - Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices
07-30 18:03:23.544 13799 14166 W ReactNativeJS: - If you're on a physical device connected to the same machine, run 'adb reverse tcp:8081 tcp:8081' to forward requests from your device
07-30 18:03:23.544 13799 14166 W ReactNativeJS: - If your device is on the same Wi-Fi network, set 'Debug server host & port for device' in 'Dev settings' to your machine's IP address and the port of the local dev server - e.g. 10.0.1.1:8081
07-30 18:03:23.544 13799 14166 W ReactNativeJS:
07-30 18:03:23.544 13799 14166 W ReactNativeJS: URL: localhost:8081
07-30 18:03:23.544 13799 14166 W ReactNativeJS:
07-30 18:03:23.544 13799 14166 W ReactNativeJS: Error: null
07-30 18:03:45.140 13799 13799 D ReactNative: ReactInstanceManager.detachViewFromInstance()
07-30 18:06:52.050 15841 15841 D ReactNative: ReactInstanceManager.ctor()
07-30 18:06:52.154 15841 15841 D ReactNative: ReactInstanceManager.createReactContextInBackground()
07-30 18:06:52.155 15841 15841 D ReactNative: ReactInstanceManager.recreateReactContextInBackgroundInner()
07-30 18:07:21.954 15841 15841 D ReactNative: ReactInstanceManager.onJSBundleLoadedFromServer()
07-30 18:07:21.960 15841 15841 D ReactNative: ReactInstanceManager.recreateReactContextInBackground()
07-30 18:07:21.960 15841 15841 D ReactNative: ReactInstanceManager.runCreateReactContextOnNewThread()
07-30 18:07:21.968 15841 16439 D ReactNative: ReactInstanceManager.createReactContext()
07-30 18:07:22.037 15841 16439 D ReactNative: Initializing React Xplat Bridge.
07-30 18:07:22.044 15841 16439 D ReactNative: Initializing React Xplat Bridge before initializeBridge
07-30 18:07:22.098 15841 16439 D ReactNative: Initializing React Xplat Bridge after initializeBridge
07-30 18:07:22.099 15841 16439 D ReactNative: CatalystInstanceImpl.runJSBundle()
07-30 18:07:22.101 15841 16441 D ReactNative: ReactInstanceManager.setupReactContext()
07-30 18:07:22.102 15841 16441 D ReactNative: CatalystInstanceImpl.initialize()
07-30 18:07:22.117 15841 16441 D ReactNative: ReactInstanceManager.attachRootViewToInstance()
07-30 18:07:23.634 15841 16440 I ReactNativeJS: Running "example" with {"rootTag":1}
07-30 18:07:26.168 15841 16440 I ReactNativeJS: [BackgroundFetch] status: enabled
07-30 18:07:26.169 15841 16441 D TSBackgroundFetch: - configure
07-30 18:07:26.170 15841 16441 D TSBackgroundFetch: - start
07-30 18:07:26.171 15841 16441 D TSBackgroundFetch: - registerTask: react-native-background-fetch
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: {
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "taskId": "react-native-background-fetch",
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "isFetchTask": true,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "minimumFetchInterval": 15,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "stopOnTerminate": false,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "requiredNetworkType": 0,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "requiresBatteryNotLow": false,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "requiresCharging": false,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "requiresDeviceIdle": false,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "requiresStorageNotLow": false,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "startOnBoot": true,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "jobService": "com.transistorsoft.rnbackgroundfetch.HeadlessTask",
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "forceAlarmManager": false,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "periodic": true,
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: "delay": -1
07-30 18:07:26.189 15841 16441 D TSBackgroundFetch: }
07-30 18:07:26.197 15841 16441 D TSBackgroundFetch: - start
07-30 18:07:26.197 15841 16441 D TSBackgroundFetch: - registerTask: react-native-background-fetch
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: {
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "taskId": "react-native-background-fetch",
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "isFetchTask": true,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "minimumFetchInterval": 15,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "stopOnTerminate": false,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "requiredNetworkType": 0,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "requiresBatteryNotLow": false,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "requiresCharging": false,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "requiresDeviceIdle": false,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "requiresStorageNotLow": false,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "startOnBoot": true,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "jobService": "com.transistorsoft.rnbackgroundfetch.HeadlessTask",
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "forceAlarmManager": false,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "periodic": true,
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: "delay": -1
07-30 18:07:26.201 15841 16441 D TSBackgroundFetch: }
07-30 18:07:26.309 15841 15841 D TSBackgroundFetch: - Background Fetch event received
07-30 18:07:26.445 15841 16440 I ReactNativeJS: '[BackgroundFetch] Event received: ', 'react-native-background-fetch'
07-30 18:07:26.667 15841 16441 D TSBackgroundFetch: - registerTask: com.transistorsoft.customtask
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: {
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "taskId": "com.transistorsoft.customtask",
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "isFetchTask": false,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "minimumFetchInterval": 15,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "stopOnTerminate": false,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "requiredNetworkType": 0,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "requiresBatteryNotLow": false,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "requiresCharging": false,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "requiresDeviceIdle": false,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "requiresStorageNotLow": false,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "startOnBoot": false,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "jobService": "com.transistorsoft.rnbackgroundfetch.HeadlessTask",
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "forceAlarmManager": true,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "periodic": false,
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: "delay": 5000
07-30 18:07:26.672 15841 16441 D TSBackgroundFetch: }
07-30 18:07:26.710 15841 16441 D TSBackgroundFetch: - finish: react-native-background-fetch
07-30 18:07:26.710 15841 16441 D TSBackgroundFetch: - jobFinished
07-30 18:07:31.694 15841 15841 D TSBackgroundFetch: - Background Fetch event received
07-30 18:07:31.701 15841 16440 I ReactNativeJS: '[BackgroundFetch] Event received: ', 'com.transistorsoft.customtask'
07-30 18:07:31.903 15841 16441 D TSBackgroundFetch: - finish: com.transistorsoft.customtask
07-30 18:07:31.906 15841 16441 D TSBackgroundFetch: - FetchAlarmReceiver finish
07-30 18:08:28.098 15841 15841 D TSBackgroundFetch: - Background Fetch event received
07-30 18:08:28.104 15841 16440 I ReactNativeJS: '[BackgroundFetch] Event received: ', 'react-native-background-fetch'
07-30 18:08:28.330 15841 16441 D TSBackgroundFetch: - registerTask: com.transistorsoft.customtask
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: {
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "taskId": "com.transistorsoft.customtask",
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "isFetchTask": false,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "minimumFetchInterval": 15,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "stopOnTerminate": false,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "requiredNetworkType": 0,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "requiresBatteryNotLow": false,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "requiresCharging": false,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "requiresDeviceIdle": false,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "requiresStorageNotLow": false,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "startOnBoot": false,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "jobService": "com.transistorsoft.rnbackgroundfetch.HeadlessTask",
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "forceAlarmManager": true,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "periodic": false,
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: "delay": 5000
07-30 18:08:28.334 15841 16441 D TSBackgroundFetch: }
07-30 18:08:28.368 15841 16441 D TSBackgroundFetch: - finish: react-native-background-fetch
07-30 18:08:28.369 15841 16441 D TSBackgroundFetch: - jobFinished
07-30 18:08:33.344 15841 15841 D TSBackgroundFetch: - Background Fetch event received
07-30 18:08:33.350 15841 16440 I ReactNativeJS: '[BackgroundFetch] Event received: ', 'com.transistorsoft.customtask'
07-30 18:08:33.550 15841 16441 D TSBackgroundFetch: - finish: com.transistorsoft.customtask
07-30 18:08:33.552 15841 16441 D TSBackgroundFetch: - FetchAlarmReceiver finish
07-30 18:08:56.009 15841 15841 D ReactNative: ReactInstanceManager.detachViewFromInstance()

[rahulkasana]

Here's a screenshot of example app.

[christocracy]

Perhaps you should address these issues?

07-30 18:03:23.544 13799 14166 W ReactNativeJS: Cannot connect to the Metro server.
07-30 18:03:23.544 13799 14166 W ReactNativeJS:
07-30 18:03:23.544 13799 14166 W ReactNativeJS: Try the following to fix the issue:
07-30 18:03:23.544 13799 14166 W ReactNativeJS: - Ensure that the Metro server is running and available on the same network
07-30 18:03:23.544 13799 14166 W ReactNativeJS: - Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices
07-30 18:03:23.544 13799 14166 W ReactNativeJS: - If you're on a physical device connected to the same machine, run 'adb reverse tcp:8081 tcp:8081' to forward requests from your device
07-30 18:03:23.544 13799 14166 W ReactNativeJS: - If your device is on the same Wi-Fi network, set 'Debug server host & port for device' in 'Dev settings' to your machine's IP address and the port of the local dev server - e.g. 10.0.1.1:8081
07-30 18:03:23.544 13799 14166 W ReactNativeJS:
07-30 18:03:23.544 13799 14166 W ReactNativeJS: URL: localhost:8081
07-30 18:03:23.544 13799 14166 W ReactNativeJS:
07-30 18:03:23.544 13799 14166 W ReactNativeJS: Error: null

[rahulkasana]

Those are logs of previous app. when u reinstall an app via react-native run-android. Log starts from line - ReactInstanceManager.ctor(). Also in the app screenshot. Don't u see the time difference between 18:08 and 18:30? Headless task should've logged there as well wont it?

07-30 18:06:52.050 15841 15841 D ReactNative: ReactInstanceManager.ctor()
07-30 18:06:52.154 15841 15841 D ReactNative: ReactInstanceManager.createReactContextInBackground()
07-30 18:06:52.155 15841 15841 D ReactNative: ReactInstanceManager.recreateReactContextInBackgroundInner()
07-30 18:07:21.954 15841 15841 D ReactNative: ReactInstanceManager.onJSBundleLoadedFromServer()
07-30 18:07:21.960 15841 15841 D ReactNative: ReactInstanceManager.recreateReactContextInBackground()
07-30 18:07:21.960 15841 15841 D ReactNative: ReactInstanceManager.runCreateReactContextOnNewThread()
07-30 18:07:21.968 15841 16439 D ReactNative: ReactInstanceManager.createReactContext()

[christocracy]

See http://dontkillmyapp.com

[DanyalAslam]

@christocracy When I write configure file in my componentdidmount functions, the background notification appears, Now I am placing the script for notification in my function then it's not working in background

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You may also mark this issue as a "discussion" and I will leave this open.