Position actuelle: Accueil> Derniers articles> Un guide pour créer des applications mobiles natives hautes performances à l'aide de PHP et React Native

Un guide pour créer des applications mobiles natives hautes performances à l'aide de PHP et React Native

M66 2025-10-16

Créez des applications mobiles natives en utilisant PHP

Bien que PHP soit principalement utilisé pour le développement côté serveur, avec React Native, les développeurs peuvent utiliser PHP pour créer des applications mobiles avec des performances et une interface natives. En fournissant des services API via PHP, le terminal mobile peut mettre à jour les données en temps réel pour obtenir une expérience interactive efficace.

Cas pratique : Créer une application de compteur simple

Créer un projet React Native

 mkdir contre-application
application de compteur de cd
npx réagir-native init CounterApp --template réagir-native-template-typescript

Créer un fichier api.php sur le serveur PHP 

<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json");

$data = json_decode(file_get_contents("php://input"));

if (isset($data-> opération)) {
  commutateur ($données->opération) {
    cas "incrément":
      $count = (int) file_get_contents("count.txt") + 1;
      casser;
    cas "décrémenter":
      $count = (int) file_get_contents("count.txt") - 1;
      casser;
    défaut:
      $count = (int) file_get_contents("count.txt");
      casser;
  }
  file_put_contents("count.txt", $count);
  echo json_encode(["count" => $count]);
}
?>

Appeler l'API dans App.tsx

 // Importer React et useState
importer React, {useState} depuis &#39;react&#39; ;

const App = () => {
  const [compte, setCount] = useState(0);

  const handleIncrement = () => {
    fetch(&#39;http://localhost:3000/api.php&#39;, {
      méthode : &#39;POST&#39;,
      en-têtes : {
        &#39;Type de contenu&#39; : &#39;application/json&#39;,
      },
      corps : JSON.stringify({ opération : &#39;increment&#39; }),
    })
      .then(res => res.json())
      .then(data => setCount(data.count))
      .catch(erreur => console.erreur(erreur));
  } ;

  const handleDecrement = () => {
    fetch(&#39;http://localhost:3000/api.php&#39;, {
      méthode : &#39;POST&#39;,
      en-têtes : {
        &#39;Type de contenu&#39; : &#39;application/json&#39;,
      },
      corps : JSON.stringify({ opération : &#39;decrement&#39; }),
    })
      .then(res => res.json())
      .then(data => setCount(data.count))
      .catch(erreur => console.erreur(erreur));
  } ;

  retour (
    <View style={styles.container}>
      <Text style={styles.title}>Contre-demande</Text>
      <Text style={styles.count}>{compter}</Text>
      <TouchableOpacity style={styles.button} onPress={handleIncrement}>
        <Text style={styles.buttonText}>+</Text>
      </TouchableOpacity>
      <TouchableOpacity style={styles.button} onPress={handleDecrement}>
        <Text style={styles.buttonText}>-</Text>
      </TouchableOpacity>
    </View>
  );
} ;

exporter l&#39;application par défaut ;

Exécuter l'application

 npx React-native run-ios

Tester l'application

Après avoir lancé l'application, cliquez sur le bouton pour augmenter ou diminuer le nombre. En accédant au chemin de l'API via un navigateur, vous pouvez afficher les résultats de la demande et les modifications des données.

Ce qui précède est un cas pratique complet d'utilisation de PHP avec React Native pour créer des applications mobiles natives, couvrant l'ensemble du processus depuis la création du projet, le développement de l'API jusqu'à l'appel d'application. Il convient très bien aux développeurs qui souhaitent se lancer rapidement dans le développement mobile natif.

Connexe
Derniers articles