node.js、npm搭建本地文件服务器以及搭配ngrok外网映射访问

时间:2024-05-22 17:49:07

在开发项目的时候遇到过需要将当前本地代码启动服务映射到外网上供客户观看的功能,在此记录一下。

一、构建本地服务

  1. 在node.js官网下载node.js
  2. 用node-v查看安装的node版本号,当显示node版本时表示安装node成功
  3. 在node命令行下,输入 npm install http-server -g,安装服务器
  4. 在想要启动服务的文件夹下运行http-server命令
    node.js、npm搭建本地文件服务器以及搭配ngrok外网映射访问
    此时就已经开启了服务,在浏览器下输入上述两个地址均可以访问当前文件夹,如果该文件夹下有index.html文件则默认打开此文件。

二、使用ngrok让外网访问本地服务器文件
1.安装node.js
2.安装ngrok:npm i ngrok -g
3.安装完ngrok之后便可以映射端口,以上述图片8082端口为例,执行ngrok http 8082 命令
node.js、npm搭建本地文件服务器以及搭配ngrok外网映射访问
显示上述图片便映射成功,输入红框内两个地址都可以在外网访问本地文件。
有时显示的网页会显示以下内容
node.js、npm搭建本地文件服务器以及搭配ngrok外网映射访问
此时我们在第三部输入命令时将命令更改为:ngrok http 8082 -host-header="localhost:8082"即可