NodeJs搭建本地服务器之使用手机访问的实例讲解

以下是关于“NodeJs搭建本地服务器之使用手机访问的实例讲解”的详细说明。

1. 安装 Node.js

首先需要在电脑上安装 Node.js，下载安装包：https://nodejs.org/zh-cn/download/

安装完成后，打开命令行工具，输入 node -v 和 npm -v 命令，确认Node.js和npm已经安装成功。

2. 新建项目并安装依赖

在电脑上新建一个文件夹，切换到该目录下，在命令行工具中输入以下命令新建一个 package.json 文件:

npm init -y

然后安装 http-server 依赖：

npm install http-server --save

3. 启动本地服务器

输入以下命令启动本地服务器:

node_modules/http-server/bin/http-server -c-1

其中，-c 参数用来控制缓存文件的过期时间（单位为秒）。-1 表示不缓存， 即立即过期。

启动成功后会提示服务器地址，例如：

Starting up http-server, serving ./
Available on:
  http://192.168.31.62:8080
  http://127.0.0.1:8080
Hit CTRL-C to stop the server

其中192.168.31.62为本机IP地址，可以用手机访问。

4. 使用手机访问

在手机上打开浏览器，输入电脑IP地址及端口号，例如：http://192.168.31.62:8080

此时，手机可以访问本地服务器上的文件。

示例1：搭建静态网站

将需要展示的文件放在本地服务器目录中，只要访问对应的URL即可实现手机访问。例如：

├── index.html
├── css
│   └── styles.css
└── js
    └── main.js

这时，手机上输入 http://192.168.31.62:8080/index.html 就可以访问这个静态网站了。如果需要访问其他文件，只需要将路径对应修改即可。

示例2：简单接口访问

在本地服务器中可以通过 Node.js 编写简单的接口，以实现数据交互。例如：

const http = require('http');

http.createServer(function(req, res) {
  // 设置允许跨域
  res.setHeader('Access-Control-Allow-Origin', '*');

  // 返回数据
  res.end(JSON.stringify({
    name: 'Bob',
    age: 16
  }));
}).listen(8081);

启动本地服务器后，在手机端通过调用该接口，就可以获取到对应数据了。

以上就是关于“NodeJs搭建本地服务器之使用手机访问的实例讲解”的完整攻略。