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来创建一个简单的网页服务器，并处理用户的表单提交。

Node.js本地搭建简单页面小游戏

评论已关闭

推荐阅读