一、准备工作

  • 下载必要软件：
  1. Node.js: 访问Node.js官网下载并安装。
  2. Termux（适用于安卓）: 从Google Play Store下载并安装。

二、在PC上通过Node.js搭建本地服务器

  1. 创建项目文件夹：在PC上新建一个文件夹作为项目目录，如MyWebProject。
  2. 打开命令行工具：进入文件夹后，按住Shift键点击鼠标右键选择“在此处打开命令窗口”或“在此处打开PowerShell窗口”。
  3. 初始化项目：
npm init -y

该命令将创建一个package.json文件来管理项目依赖。

  1. 安装Express框架：
npm install express --save
  1. 创建服务器文件：在项目根目录下创建一个名为server.js的文件，并添加以下代码：
const express = require('express');  
const app = express();  
const port = 3000;  
  
app.use(express.static('public')); // 设置静态文件目录为public  
  
app.get('/', (req, res) => {  
res.send('Hello World!');  
});  
  
app.listen(port, () => {  
console.log(`Server is running at http://localhost:${port}`);  
});
  1. 创建公共文件目录: 在项目根目录下创建一个名为public的文件夹，在其中放置HTML文件，例如index.html。
  2. 启动服务器：
node server.js
  1. 访问本地服务器：在浏览器中输入http://localhost:3000查看效果。
  2. 手机访问本地服务器：
  3. 确保电脑和手机处于同一Wi-Fi网络。
  4. 在电脑上找到本机IP地址，可以通过命令行输入ipconfig获取。
  5. 在手机上的浏览器中输入http://<电脑IP地址>:3000即可访问。

三、在手机上搭建本地服务器（安卓为例）

使用KSWEB搭建（无需root）

  1. 下载并安装KSWEB: 从Google Play Store下载KSWEB并安装。
  2. 启动KSWEB并配置服务：
  3. 开启Apache、PHP、MySQL和FTP服务。
  4. 设置FTP用户（建议允许匿名登录）。
  5. 上传源码到手机：通过FTP客户端（如FileZilla）连接到手机：
  6. 地址：ftp://<你的手机IP>:2121
  7. 将网页源码上传至/mnt/sdcard/www目录。
  8. 访问本地服务器：在手机浏览器中输入：
http://localhost:8000
  1. 内网穿透（可选）：
  2. 若希望外网访问，可以使用内网穿透工具，如ngrok或花生壳。
  3. 根据所选工具的具体步骤进行配置。

使用Termux和Nginx搭建（需要termux）

  1. 安装Termux并更新包管理器：
pkg update && pkg upgrade
  1. 安装Nginx：
pkg install nginx
  1. 启动Nginx：
nginx
  1. 配置静态页面：将网页文件放到/data/data/com.termux/files/usr/share/nginx/html/目录中。
  2. 访问本地服务器：在Termux中输入：
ifconfig

找到本机IP地址并在浏览器中访问：

http://<手机IP>:8080
  1. 内网穿透（可选）：参照前述方法使用frp等工具。

掌握上述方法后，你可以轻松地在手机或电脑上搭建本地服务器并进行实时调试和开发。无论是前端开发者还是后端开发者，这些技能都非常实用。