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