1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
const { PhpWeb } = await import("https://cdn.jsdelivr.net/npm/php-wasm/PhpWeb.mjs");
const php = new PhpWeb();
export default async function(req: Request): Promise<Response> {
let output = "";
let headers = new Headers();
php.addEventListener("output", (event: any) => {
output += event.detail.join("");
});
php.addEventListener("header", (event: any) => {
const [header, value] = event.detail.split(":");
headers.append(header.trim(), value.trim());
});
const url = new URL(req.url);
const method = req.method;
// Escape special characters for PHP
const escapeForPHP = (str: string) => str.replace(/['\\]/g, "\\$&");
// Prepare request data for PHP
const requestBody = method !== "GET" && method !== "HEAD" ? await req.text() : "";
const requestData = {
method: method,
uri: url.pathname,
queryString: url.search.slice(1),
headers: Object.fromEntries(req.headers),
body: requestBody,
};
const script = `<?php
// Set up superglobals
$_SERVER['REQUEST_METHOD'] = '${escapeForPHP(requestData.method)}';
$_SERVER['REQUEST_URI'] = '${escapeForPHP(requestData.uri)}';
$_SERVER['QUERY_STRING'] = '${escapeForPHP(requestData.queryString)}';
parse_str('${escapeForPHP(requestData.queryString)}', $_GET);
// Set up headers
$headers = json_decode('${escapeForPHP(JSON.stringify(requestData.headers))}', true);
foreach ($headers as $key => $value) {
$headerKey = 'HTTP_' . strtoupper(str_replace('-', '_', $key));
$_SERVER[$headerKey] = $value;
}
// Handle request body for non-GET requests
$input = '${escapeForPHP(requestData.body)}';
if ($_SERVER['REQUEST_METHOD'] !== 'GET' && $_SERVER['REQUEST_METHOD'] !== 'HEAD') {
parse_str($input, $_POST);
$GLOBALS['HTTP_RAW_POST_DATA'] = $input;
}
// Simple router
function route($uri, $method) {
switch ($uri) {
case '/api':
if ($method === 'POST') {
header('Content-Type: application/json');
$postData = json_decode($GLOBALS['HTTP_RAW_POST_DATA'], true) ?: array();
$name = isset($postData['name']) ? $postData['name'] : '';
$response = array('message' => "Hello, $name!");
echo json_encode($response);
} else {
header("HTTP/1.0 405 Method Not Allowed");
echo "405 Method Not Allowed";
}
break;
case '/':
if ($method === 'GET') {
echo <<<HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Greeting Form</title>
<script>
async function submitForm(event) {
event.preventDefault();
const form = event.target;
const formData = new FormData(form);
const response = await fetch('/api', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(Object.fromEntries(formData))
});
const result = await response.json();
document.getElementById('result').textContent = result.message;
}
</script>
</head>
<body>
<h1>Greeting Form</h1>
<form onsubmit="submitForm(event)">
<label for="name">Your name:</label>