Eine Anleitung zum Erstellen leistungsstarker nativer mobiler Apps mit PHP und React Native

M66 2025-10-16

Erstellen Sie native mobile Apps mit PHP

Obwohl PHP hauptsächlich für die serverseitige Entwicklung verwendet wird, können Entwickler mit React Native PHP verwenden, um mobile Apps mit nativer Leistung und Schnittstelle zu erstellen. Durch die Bereitstellung von API-Diensten über PHP kann das mobile Endgerät Daten in Echtzeit aktualisieren, um ein effizientes interaktives Erlebnis zu erreichen.

Praxisfall: Erstellen Sie eine einfache Gegenanwendung

Erstellen Sie ein React Native-Projekt

 mkdir Counter-App
CD-Zähler-App
npx reagieren-native init CounterApp --template reagieren-native-template-typescript

Erstellen Sie die Datei api.php auf dem PHP-Server

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

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

if (isset($data-> Betrieb)) {
  switch ($data->operation) {
    Fall „Inkrement“:
      $count = (int) file_get_contents("count.txt") + 1;
      brechen;
    Fall „dekrementieren“:
      $count = (int) file_get_contents("count.txt") - 1;
      brechen;
    Standard:
      $count = (int) file_get_contents("count.txt");
      brechen;
  }
  file_put_contents("count.txt", $count);
  echo json_encode(["count" => $count]);
}
?>

Rufen Sie die API in App.tsx auf

 // React und useState importieren
import React, { useState } from &#39;react&#39;;

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

  const handleIncrement = () => {
    fetch(&#39;http://localhost:3000/api.php&#39;, {
      Methode: &#39;POST&#39;,
      Überschriften: {
        &#39;Content-Type&#39;: &#39;application/json&#39;,
      },
      body: JSON.stringify({ operation: &#39;increment&#39; }),
    })
      .then(res => res.json())
      .then(data => setCount(data.count))
      .catch(error => console.error(error));
  };

  const handleDecrement = () => {
    fetch(&#39;http://localhost:3000/api.php&#39;, {
      Methode: &#39;POST&#39;,
      Überschriften: {
        &#39;Content-Type&#39;: &#39;application/json&#39;,
      },
      body: JSON.stringify({ operation: &#39;decrement&#39; }),
    })
      .then(res => res.json())
      .then(data => setCount(data.count))
      .catch(error => console.error(error));
  };

  zurückkehren (
    <View style={styles.container}>
      <Text style={styles.title}>Gegenantrag</Text>
      <Text style={styles.count}>{zählen}</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>
  );
};

Standard-App exportieren;

Anwendung ausführen

 Npx React-Native Run-ios

Testanwendung

Klicken Sie nach dem Starten der App auf die Schaltfläche, um die Anzahl zu erhöhen oder zu verringern. Durch Zugriff auf den API-Pfad über einen Browser können Sie die Anforderungsergebnisse und Datenänderungen anzeigen.

Das Obige ist ein vollständiger praktischer Fall der Verwendung von PHP mit React Native zum Erstellen nativer mobiler Anwendungen und deckt den gesamten Prozess von der Projekterstellung über die API-Entwicklung bis zum Anwendungsaufruf ab. Es eignet sich sehr gut für Entwickler, die schnell mit der nativen mobilen Entwicklung beginnen möchten.

Ähnlich

So erstellen Sie native mobile Apps mit PHP

Neueste Artikel