什么是 @jamen/hyperserver？
@jamen/hyperserver 是一个基于 Node.js 的易于使用的 Web 服务器，用于在开发阶段快速地查看和测试静态网页。其主要功能包括：
- 提供一个本地的 Web 服务器环境，用于快速预览网页
- 支持自定义路由规则、中间件以及虚拟主机配置
- 支持 HTTPS 和 HTTP/2 等协议
通过 @jamen/hyperserver，前端开发人员可以在本地快速搭建一个服务器，预览自己正在开发的静态网页。同时，hyperserver 也支持配置虚拟主机和自定义路由规则等高级功能，适用于更加复杂的开发项目。
如何使用 @jamen/hyperserver？
安装 @jamen/hyperserver 可以通过 npm 管理器进行操作。在命令行中输入以下代码即可完成安装：
npm install -g @jamen/hyperserver
安装完成之后，就可以在项目的根目录下使用 @jamen/hyperserver。在命令行中输入以下代码即可启动服务：
hyperserver
打开浏览器，输入 http://localhost:8080，就可以看到 @jamen/hyperserver 提供的默认欢迎页面。
自定义路由规则
如果需要自定义路由规则，可以在命令行中输入 hyperserver --routes ，并在应用程序的根目录下创建一个名为 routes.json 的文件。
在 routes.json 文件中，可以定义路由规则和对应的文件路径。例如：
{
"/home": "pages/home.html",
"/about": "pages/about.html"
}上述代码定义了两个路由：/home 和 /about。当用户访问这两个 URL 时，@jamen/hyperserver 会返回名为 home.html 和 about.html 的文件。
添加中间件
要添加中间件，可以在命令行中输入 hyperserver --middleware ，并在应用程序的根目录下创建一个名为 middleware 的目录。
在该目录中，可以添加自定义的 JavaScript 文件作为插件。例如，可以创建一个名为 logger.js 的文件：
const logger = (req, res, next) => {
console.log(`[${new Date().toISOString()}] ${req.method} ${req.url}`);
next();
};
module.exports = logger;上述代码定义了一个名为 logger 的中间件，用于输出每个请求的时间戳、请求方法和 URL。要在服务器中使用这个中间件，只需要在命令行中执行以下代码：
hyperserver --middleware logger
进一步配置
@jamen/hyperserver 还有很多高级功能，例如支持 HTTPS 和 HTTP/2 等协议，可以通过命令行参数进行配置。完整的使用说明请参考官方文档。
示例代码
下面是一个简单的示例，演示如何在 @jamen/hyperserver 中自定义路由规则：
- 安装 @jamen/hyperserver：
npm install -g @jamen/hyperserver
- 在应用程序的根目录下创建一个名为
pages的文件夹，用于存放 HTML 文件。 - 创建一个名为
index.html的文件，并在其中加入如下代码：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ----------------- ------- ------ ---------------- ------- -------
- 在应用程序的根目录下创建一个名为
routes.json的文件，并在其中加入如下代码：
{
"/": "pages/index.html",
"/about": "pages/about.html"
}- 启动 @jamen/hyperserver：
hyperserver
在浏览器中输入
http://localhost:8080，即可看到index.html中的内容。在浏览器中输入
http://localhost:8080/about，即可看到一个名为about.html的空白页面。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057bf181e8991b448eba9a