Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jamesisaac/react-native-background-task
Periodic background tasks for React Native apps, cross-platform (iOS and Android), which run even when the app is closed.
https://github.com/jamesisaac/react-native-background-task
android background-jobs fetch ios offline react-native sync
Last synced: 4 days ago
JSON representation
Periodic background tasks for React Native apps, cross-platform (iOS and Android), which run even when the app is closed.
- Host: GitHub
- URL: https://github.com/jamesisaac/react-native-background-task
- Owner: jamesisaac
- License: mit
- Created: 2017-02-17T23:07:27.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-04-28T16:55:28.000Z (over 1 year ago)
- Last Synced: 2025-01-11T10:06:54.280Z (11 days ago)
- Topics: android, background-jobs, fetch, ios, offline, react-native, sync
- Language: Java
- Homepage:
- Size: 37.1 KB
- Stars: 1,108
- Watchers: 12
- Forks: 109
- Open Issues: 67
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-background-task
[](https://www.npmjs.com/package/react-native-background-task)
[](https://opensource.org/licenses/MIT)
[](https://www.npmjs.com/package/react-native-background-task)
Periodic background tasks for React Native apps, cross-platform (iOS and
Android), which run even when the app is closed.
This library allows the scheduling of a single periodic task, which executes
when the app is in the background or closed, no more frequently than every 15
minutes. Network, AsyncStorage etc can be used (anything except UI), so
perfect for things like a background data sync for offline support.
Behind the scenes, this library takes a different approach with each platform:
- **Android**: A native implementation, which provides scheduling on top of
RN's built-in [Headless JS](https://facebook.github.io/react-native/docs/headless-js-android.html)
(Android only).
- Min API level: 16 (Android 4.1).
- **iOS**: A proxy around [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch),
which uses the iOS-specific `Background Fetch` technique.
To achieve a unified API, this library exposes the lowest common denominator
(e.g. only support for a single task, even though Android can support multiple).
For more per-platform flexibility, there are other platform-specific libraries
with more granular customisation.
## Installation
```bash
$ npm install react-native-background-task --save
```
### Android
1. The linking of the library can be done automatically by running:
```bash
$ react-native link react-native-background-task
```
2. One manual step is still needed - in your project file
`android/app/src/main/java/myapp/MainApplication.java`, add the following to
the end of the `onCreate()` method:
```java
BackgroundTaskPackage.useContext(this);
```
### iOS
For iOS support, this library relies on version 2.0.x of
[react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)
which can be installed as follows:
```bash
$ npm install [email protected] --save
$ react-native link react-native-background-fetch
```
This library will behave correctly on iOS as long as `react-native-background-fetch`
is installed alongside it, and has been linked with your project.
## API
### `define(task)`
Define the JS code that this module should be executing.
- Should be called at the top level of your JS, **not** inside a component.
This is because in headless mode no components are mounted, but the code
still needs to be accessible.
- Will overwrite any previously defined task.
Parameters:
- **`task`**: **required** `() => void` - Function to be executed in the background
### `schedule(options)`
Specify the scheduling options for the task, and register it with the
platform's scheduler.
- Should be called from inside a component (e.g. your App's
`componentDidMount`). This is to avoid double-scheduling when the task
launches in headless mode.
- Will `console.warn` if the device is task was unable to be scheduled.
Parameters:
- **`options?`**: `Object` - Any configuration you want to be set with
the task. Note that most of these will only work on one platform.
- **`period?`**: `number` - (Android only) Desired number of seconds between each
execution of the task. Even on Android, the OS will only take this as a
recommendation, and will enforce a minimum of 15 minutes (similar to iOS).
Default is 900 (15 minutes)
- **`timeout?`**: `number` - (Android only) Number of seconds the task will have
to execute. iOS has a hardcoded limit of 30 seconds. Default 30 seconds.
### `finish()`
**Must be called at the end of your task** to indicate to the OS that it's
finished. (Only required on iOS, no-op on Android).
### `cancel()`
Cancels any currently scheduled task.
### `statusAsync()`
Query the status of background tasks within this app. Returns a Promise with
an object of the following shape:
- **`available`**: `boolean` - Whether background tasks are available to the app.
On Android this will always be true, but on iOS background tasks could be
blocked (see [UIBackgroundRefreshStatus](https://developer.apple.com/documentation/uikit/uibackgroundrefreshstatus)).
- **`unavailableReason?`**: `string` - If unavailable, gives the reason:
- **`BackgroundTask.UNAVAILABLE_DENIED`**: - The user explicitly disabled
background behavior for this app or for the whole system.
- **`BackgroundTask.UNAVAILABLE_RESTRICTED`**: - Background updates
unavailable and can't be enabled by the user (e.g. parental controls).
## Limitations
- Tasks cannot be scheduled any more frequently than every 15 minutes.
- The exact timings of task execution are unpredictable, as both Anrdoid and
iOS use black-box algorithms, which depend on factors like device sleep
state. This library should only be used for tasks that are an incremental
feature, and can have inexact timing, such as the periodic background syncing
of data. You should be prepared for the case that background task doesn't
fires at all.
Android:
- Tasks will not run while the app is in the foreground, and scheduling can be
made even more imprecise when the app goes in/out of the foreground (as tasks
are rescheduled as soon as the app goes into the background).
iOS:
- iOS Background Fetch will not continue to run after a user manually closes
the app. (The app being closed by the OS to free up memory etc. should be
fine).
- Background tasks will not be scheduled in the simulator. You'll need to
either test it on a real device, or use the
[Simulate Background Fetch](https://developer.apple.com/library/content/documentation/IDEs/Conceptual/iOS_Simulator_Guide/TestingontheiOSSimulator/TestingontheiOSSimulator.html#//apple_ref/doc/uid/TP40012848-CH4-SW5)
feature of Xcode.
- The user can disable Background App Refresh for your app from their Settings
(use `statusAsync()` to check for this).
## Debugging
### Android
```bash
$ adb logcat *:S ReactNative:V ReactNativeJS:V BackgroundTask:V
```
Keep in mind that after the app leaves the foreground, you'll have to wait at
least 50% of the desired period (so, default is 7m30s) before the task
executes.
## Examples
A full example project can be found here:
https://github.com/jamesisaac/RNBackgroundTaskExample
### Simple
```js
import React from 'react'
import { Text } from 'react-native'
import BackgroundTask from 'react-native-background-task'
BackgroundTask.define(() => {
console.log('Hello from a background task')
BackgroundTask.finish()
})
class MyApp extends React.Component {
componentDidMount() {
BackgroundTask.schedule()
}
render() {
return Hello world
}
}
```
### Fetch / store data
```js
import React from 'react'
import { Alert, AsyncStorage, Button } from 'react-native'
import BackgroundTask from 'react-native-background-task'
BackgroundTask.define(async () => {
// Fetch some data over the network which we want the user to have an up-to-
// date copy of, even if they have no network when using the app
const response = await fetch('http://feeds.bbci.co.uk/news/rss.xml')
const text = await response.text()
// Data persisted to AsyncStorage can later be accessed by the foreground app
await AsyncStorage.setItem('@MyApp:key', text)
// Remember to call finish()
BackgroundTask.finish()
})
class MyApp extends React.Component {
componentDidMount() {
BackgroundTask.schedule({
period: 1800, // Aim to run every 30 mins - more conservative on battery
})
// Optional: Check if the device is blocking background tasks or not
this.checkStatus()
}
async checkStatus() {
const status = await BackgroundTask.statusAsync()
if (status.available) {
// Everything's fine
return
}
const reason = status.unavailableReason
if (reason === BackgroundTask.UNAVAILABLE_DENIED) {
Alert.alert('Denied', 'Please enable background "Background App Refresh" for this app')
} else if (reason === BackgroundTask.UNAVAILABLE_RESTRICTED) {
Alert.alert('Restricted', 'Background tasks are restricted on your device')
}
}
render() {
return (
{
const result = await AsyncStorage.getItem('@MyApp:key')
console.log(result)
}}
/>
)
}
}
```