Partage
  • Partager sur Facebook
  • Partager sur Twitter

[React-Native] Problème avec mon app et Fetch

    30 mars 2020 à 11:22:24

    Bonjour,

    Voilà j'ai un soucis avec mon application lorsque je la teste avec un vrai téléphone connecté par USB.

    Dans mon app, je fais un fetch sur ma machine locale pour récupérer une liste de logins.

    Avec l'émulateur d'android-studio, je n'ai aucun soucis, par contre avec le vrai téléphone, rien ne se passe et j'ai une erreur "Network request failed".

    Je pense à un problème de config dans Apache, car j'imagine qu'il reconnait la connexion avec le téléphone comme une machine externe au réseau local et donc il refuse la connexion. Mais je ne trouve pas comment arranger ça et pourtant je cherche sur le net.

    Y aurait-il une bonne âme qui pourrait m'aider ??? :-)

    Merci d'avance

    • Partager sur Facebook
    • Partager sur Twitter
      1 avril 2020 à 1:08:45

      Cela fait appel à de simples notions de réseaux !

      Ton PC a une IP (identifiant unique aux yeux de ta box internet). Imaginons qu'il s'agisse de 192.168.1.50. D'après ce que j'ai compris, ton serveur Apache tourne en local. Il est donc accessible par exemple depuis l'adresse http://localhost:8080 ou http://192.168.1.50:8080 (cette dernière seulement si le serveur est accessible en dehors de ton localhost).

      Quand ton émulateur lance l'application, il fetch l'adresse http://localhost:8080 et cela fonctionne. C'est normal car ton émulateur tourne sur ton ordinateur (et que la configuration réseau par défaut le permet) !

      Maintenant, quand tu es sur ton téléphone Android, l'application cherche sur le téléphone le serveur Apache. Sauf que ce serveur n'est pas sur le téléphone, mais sur ton ordinateur ! Deux possibilités donc : 

      • Dans l'application, changer l'adresse du serveur par http://192.168.1.50:8080 
      • Rediriger le contenu d'un port de ton téléphone vers celui de ton ordinateur. La commande est (de souvenir) adb reverse tcp:8080 tcp:8080
      Bon courage :p
      • Partager sur Facebook
      • Partager sur Twitter

      [React-Native] Problème avec mon app et Fetch

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown