Bagaimana untuk membina aplikasi mudah alih asli dengan PHP

Bina apl mudah alih asli menggunakan PHP melalui rangka kerja React Native, yang membolehkan pembangun membina apl dengan rupa asli dan prestasi menggunakan PHP. Dalam kes sebenar, aplikasi kaunter mudah dibuat menggunakan pelayan React Native dan PHP. Apabila butang diklik dalam apl, API dalam pelayan PHP dipanggil untuk mengemas kini kiraan dan kiraan yang dikemas kini dipaparkan dalam apl.

Cara Membina Apl Mudah Alih Asli dengan PHP

Pengenalan

PHP ialah bahasa skrip sebelah pelayan yang popular, tetapi apa yang kurang diketahui ialah ia juga boleh digunakan untuk membina apl mudah alih asli. Dengan menggunakan React Native, rangka kerja aplikasi mudah alih merentas platform yang popular, pembangun boleh menggunakan PHP untuk mencipta aplikasi berprestasi tinggi dengan rupa dan rasa asli.

Kes praktikal: Bina aplikasi kaunter mudah

Langkah 1: Buat projek React Native

mkdir counter-app
cd counter-app
npx react-native init CounterApp --template react-native-template-typescript

Langkah 2: Cipta fail api.php dalam pelayan PHP

Step rree: Apl Tambah panggilan ke API dalam .tsx

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

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

if (isset($data->operation)) {
  switch ($data->operation) {
    case "increment":
      $count = (int) file_get_contents("count.txt") + 1;
      break;
    case "decrement":
      $count = (int) file_get_contents("count.txt") - 1;
      break;
    default:
      $count = (int) file_get_contents("count.txt");
      break;
  }
  file_put_contents("count.txt", $count);
  echo json_encode(["count" => $count]);
}
?>

Langkah 4: Jalankan apl

// Import React and useState
import React, { useState } from 'react';

// Create the main app component
const App = () => {
  // Initialize state for count
  const [count, setCount] = useState(0);

  // Handle increment and decrement button clicks
  const handleIncrement = () => {
    fetch('http://localhost:3000/api.php', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ operation: 'increment' }),
    })
      .then(res => res.json())
      .then(data => setCount(data.count))
      .catch(error => console.error(error));
  };

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

  // Render the main app
  return (
    <View style={styles.container}>
      <Text style={styles.title}>Counter Application</Text>
      <Text style={styles.count}>{count}</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>
  );
};

export default App;

Uji apl

Semasa apl sedang berjalan, klik butang untuk menambah atau mengurangkan kiraan. Anda boleh melihat permintaan kepada pelayan dengan mengakses laluan API di http://localhost:3000/api.php dalam pelayar web.

Atas ialah kandungan terperinci Bagaimana untuk membina aplikasi mudah alih asli dengan PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!