Comment puis-je exécuter des tâches en arrière-plan à Réagir Natif?

J'ai construit un peu d'app iOS à Réagir Native qui ne le suivi de localisation, l'envoi de la lat/lng régulièrement à un serveur de l'utilisateur le choix. Toutefois, cela ne fonctionne que lorsque l'application est au premier plan. Comment puis-je exécuter cette tâche en arrière-plan lorsque l'utilisateur est dans d'autres applications?

Vous pouvez probablement le faire en mettant UIBackgroundModes l'emplacement dans la plist - jetez un oeil ici developer.apple.com/library/ios/documentation/UserExperience/...
Il y a une limitation à Réagir Natif dans lequel, lorsque l'application est en arrière-plan la js pont cesse de recevoir les messages. Cela signifie que si vous essayez d'envoyer les données à partir de js alors vous ne serez pas en mesure de compter sur les données le faire. Alternativement, vous pouvez écrire le code pour envoyer les mises à jour en code natif et qui devrait faire l'affaire
Merci @rmevans9 c'est un bon début. Pour toute personne qui trouve ce que j'ai déjà fait un peu de travail ici gist.github.com/liamzebedee/67e1b2c53c6c5edcf8ec
Auriez-vous l'esprit en acceptant la réponse?
Pensez-vous qu'il serait possible de mettre en œuvre ces mêmes fonctions dans Swift?

InformationsquelleAutor liamzebedee | 2016-02-13

51

Actuellement, il n'y a, malheureusement, pas de support pour les tâches d'arrière-plan de toute nature. La fonction que vous faites référence serait un arrière-plan de la minuterie. Telle une minuterie est ce produit de la douleur (une demande de fonctionnalité) pour réagir natif, vous pouvez upvote pour montrer une augmentation de la demande pour cette fonction.

MODIFIER 12/2016: Il n'y a pas encore de véritable option. Vous avez la Headless JS API depuis RN 0.33, mais c'est seulement pour android. Aussi votre App crash si cela s'exécute dans le premier plan, alors vous devez être prudent quant à son utilisation. Grâce à @Feng pour souligné.
- tâche d'arrière-plan est maintenant pris en charge dans la version de 0,36, mais android uniquement
- Avez-vous un lien vers la doc de la fonction? Je n'arrivais pas à trouver quoi que ce soit sur un arrière-plan-tâche intégrée à réagir indigènes.
- href="https://facebook.github.io/react-native/blog/2016/10/25/0-36-headless-js-the-keyboard-api-and-more.html" >facebook.github.io/réagir indigènes/blog/2016/10/25/...
InformationsquelleAutor Daniel Schmidt
21

Et maintenant il y a réagir-native-fond-tâche qui est une API unique pour à la fois Android et iOS.
- Plus un pour réagir-native-fond-tâche! Il s'intègre très bien avec mes réagir-native-file d'attente de package (github.com/billmalarky/react-native-queue). Si vous faites défiler vers le bas pour les "OS Tâche en arrière-plan Exemple Complet" vous pouvez voir comment la file d'attente des poignées de gestion des emplois pour vous donc le 30 seconde limite sur iOS et Android tâches en arrière-plan n'est pas une douleur à traiter.
InformationsquelleAutor Matthew Wilcoxson
10

La Réagir écosystème Indigène a été en mouvement au rythme effréné au cours des derniers mois, et quelques plugins ont sauté à l'adresse de la douleur de ne pas être en mesure d'exécuter le code en arrière-plan.

https://github.com/transistorsoft/react-native-background-fetch -- Réveiller pendant 30 secondes périodiquement pour exécuter arbitrairement du code JS. Ne convient pas pour la haute résolution de géolocalisation, que le temps entre les réveils seront 15 minutes ou plus.

https://github.com/transistorsoft/react-native-background-geolocation -- Une meilleure solution pour cette situation, ciblant spécifiquement à la géolocalisation en arrière-plan.
- Je suis à l'aide de github.com/mauron85/react-native-background-geolocation qui semble assez similaire, mais également gratuitement pour Android.
InformationsquelleAutor frontendloader
6

J'utilise cela, et il semble fonctionner: https://github.com/ocetnik/react-native-background-timer

Émettent événement périodiquement (même lorsque l'application est en arrière-plan).

Vous pouvez utiliser la fonction setInterval et setTimeout fonctions. Cette API est identique à celle de réagir indigènes et peut être utilisé pour remplacer les minuteries avec un fond de compteurs.
```
import BackgroundTimer from 'react-native-background-timer';

//Start a timer that runs continuous after X milliseconds
const intervalId = BackgroundTimer.setInterval(() => {
    //this will be executed every 200 ms
    //even when app is the the background
    console.log('tic');
}, 200);

//Cancel the timer when you are done with it
BackgroundTimer.clearInterval(intervalId);

//Start a timer that runs once after X milliseconds
const timeoutId = BackgroundTimer.setTimeout(() => {
    //this will be executed once after 10 seconds
    //even when app is the the background
    console.log('tac');
}, 10000);

//Cancel the timeout if necessary
BackgroundTimer.clearTimeout(timeoutId);
```
- Merci! Mais ce module ne fonctionne pas si je tue application de processus, avez-vous maintenant des modules semblables, que de travail même je vais tuer l'app ?
- Désolé, aucun. Je sais que vous pouvez accomplir que, grâce à l'utilisation de l'alarme service, mais ne savez pas d'un module qui vous permet de le faire.
- Ok, Merci, je vais essayer.
- un peu de chance?
- oui, voir le module github.com/vikeri/react-native-background-job
- Bonjour! Ce plugin semble être Android. Connaissez-vous une solution pour iOS?
- Regardez la réponse de Matt. réagir-native-fond-la tâche est ce que vous cherchez. Je voudrais aussi vous suggère d'utiliser réagir-natif de la file d'attente pour la gestion des tâches. De cette façon, vous n'avez pas à vous soucier de roulement de votre propre timeout/logique de nouvelle tentative pour tâches, car il n'y a que 30 seconde limite, vous aurez à prendre en compte.
InformationsquelleAutor Venryx
6

Ces bibliothèques peuvent vous aider à atteindre vos fonctionnalités souhaitées:
Alternativement, vous pouvez utiliser Headless JS de réagir indigènes. Mais son seul disponible pour Android.

InformationsquelleAutor Provash Shoumma

Vous devez vous connecter pour publier un commentaire.