什么是 @jsenv/server
@jsenv/server 是一个轻量级的服务器框架，可以用来开发和运行前端 Web 应用。它能够提供 HTTP/HTTPS 服务，并支持跨域请求。
@jsenv/server 提供了一系列 API，允许开发者自定义路由、中间件和监听端口。更重要的是，它使用了 ES 模块语法，可以与现代前端应用的构建工具（如 Webpack 或 Rollup）无缝集成。
如何使用 @jsenv/server
安装依赖
首先，需要在项目的根目录下运行以下命令安装 @jsenv/server：
npm install @jsenv/server
编写代码
下面是一个简单的 @jsenv/server 应用的例子：
-- -------------------- ---- ------- ------ - ------------ - ---- --------------- ----- --- - -------------- -------------- --------- --------- -- - -------------------- -------- -- ------------ ----- ---- --
这个应用只是简单的返回文本 "Hello, World!"。其中，createServer() 方法创建了一个新的服务器实例，app.route() 方法定义了路由规则，app.listen() 方法监听端口并启动应用。
自定义路由
可以通过 @jsenv/server 提供的 Router 类来自定义路由。以下是一个使用 Router 的例子：
-- -------------------- ---- ------- ------ - ------------- ------ - ---- --------------- ----- --- - -------------- ----- ------ - --- -------- --------------- --------- --------- -- - ------------------ -- --- ----------- -- -------------------- --------- --------- -- - ------------------ -- --- ----- ------- -- ---------------------- --------- --------- -- - ------------------ -- --- ------- ------- -- ---------------------------- ------------ ----- ---- --
上面的例子中，app.use() 方法使用了 router.middleware() 方法提供的中间件，将路由规则应用到应用中。可以看到，使用 Router 非常方便，通过定义不同的 HTTP 请求和对应的处理函数，可以组织出一个有序的路由结构。
自定义中间件
除了可以自定义路由外，还可以通过 @jsenv/server 提供的 Middleware 类来自定义中间件。以下是一个使用 Middleware 的例子：
-- -------------------- ---- ------- ------ - ------------- ---------- - ---- --------------- ----- --- - -------------- ----- ---------------- - --- ------------ ------------------------------ --------- ----- -- - ------------------ --------------------- - ----------------- - ---------------- ------ -- -------------------------------------- -------------- --------- --------- -- - -------------------- -------- -- ------------ ----- ---- --
上面的例子中，loggerMiddleware 是一个自定义的中间件，通过 loggerMiddleware.use() 方法定义了一个输出 HTTP 请求的相关信息的处理函数。这个处理函数会在每个请求处理前被调用，并通过调用 next() 方法将请求链传递到下一个中间件或路由处理函数。
集成 Webpack
在实际的开发过程中，我们通常会使用 Webpack 等构建工具来打包和部署前端应用。可以通过 @jsenv/server 提供的 jsenvPluginWebpack 来无缝集成 Webpack。
以下是一个使用 jsenvPluginWebpack 的例子：
-- -------------------- ---- -------
------ - ------------- ------------------ - ---- ---------------
------ ------------- ---- ---------------------
----- --- - --------------
-------------------- --- --------- -----------------
-------------------- -----
-------------------------- -----------
-------------------- --------
--
---------------------------- ------------- ---
-------------- --------- --------- -- -
--------------
--------- -----
----- ----------
------
----- ----------------
-------------- ----------- ---- ---------------------
-------
------
------- ------------------------
-------
-------
--
--
------------ ----- ---- --上面的例子中，jsenvPluginWebpack() 方法将 Webpack 配置作为参数传入。通过使用 jsenvPluginWebpack()，可以使我们在开发过程中使用 Webpack 来实现热更新和文件实时编译等功能。
结论
@jsenv/server 是一个非常简单但功能强大的前端服务器框架，适用于开发和部署 Web 应用。使用 @jsenv/server，我们可以轻松自定义路由和中间件，并且可以集成现代前端构建工具，为前端开发提供更加高效的环境。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb4aab5cbfe1ea0611326