Node.js本地搭建简单页面小游戏
以下是一个简单的Node.js本地服务器示例，用于托管一个带有表单的HTML页面，并处理表单提交。
首先，确保你已经安装了Node.js和npm。
- 创建一个新的目录并初始化为Node.js项目：
mkdir simple-game-server
cd simple-game-server
npm init -y- 安装
express框架：
npm install express- 创建一个名为
server.js的文件，并添加以下代码：
const express = require('express');
const app = express();
const port = 3000;
// 设置静态文件目录
app.use(express.static('public'));
// 处理表单提交的路由
app.post('/submit-answer', (req, res) => {
const answer = req.body.answer;
// 在这里添加逻辑以检查答案是否正确
const response = answer === 'correct' ? '恭喜，答案正确！' : '答案错误！';
res.send(response);
});
app.listen(port, () => {
console.log(`Server listening at http://localhost:${port}`);
});- 在
simple-game-server目录中创建一个名为public的文件夹，并在其中创建一个名为index.html的文件，添加以下HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Simple Game</title>
</head>
<body>
<h1>Welcome to the Simple Game!</h1>
<form action="/submit-answer" method="post">
What is the answer to this simple question?<br>
<input type="text" name="answer">
<button type="submit">Submit</button>
</form>
</body>
</html>- 在终端中运行Node.js服务器：
node server.js现在，你可以打开浏览器并访问http://localhost:3000来玩这个简单的页面小游戏。当提交答案时，服务器将处理并返回结果。这个示例演示了如何使用Node.js和Express来创建一个简单的网页服务器，并处理用户的表单提交。
评论已关闭