使用 php 构建原生移动应用，可以通过 react native 框架，它允许开发人员使用 php 构建具有原生外观和高性能的应用程序。实战案例中，通过使用 react native 和 php 服务器，创建了一个简单的计数器应用。应用中点击按钮时，会调用 php 服务器中的 api 来更新计数，并在应用程序中显示更新后的计数。
如何用 PHP 构建原生移动应用
简介
PHP 是一种流行的服务器端脚本语言，但鲜为人知的是，它也可以用于构建原生移动应用。通过使用 React Native，一个流行的跨平台移动应用程序框架，开发人员可以使用 PHP 创建具有原生外观和感觉的高性能应用程序。
立即学习“PHP免费学习笔记（深入）”；
实战案例：构建一个简单的计数器应用
步骤 1：创建 React Native 项目
mkdir counter-app cd counter-app npx react-native init CounterApp --template react-native-template-typescript
步骤 2：在 PHP 服务器中创建 api.php 文件
<?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]);
}
?>步骤 3：在 App.tsx 中添加对 API 的调用
// 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;步骤 4：运行应用程序
npx react-native run-ios
测试应用程序
当应用程序运行时，点击按钮以增加或减少计数。通过在 Web 浏览器中访问 http://localhost:3000/api.php 的 API 路由，可以查看对服务器的请求。
