前端开发中，我们常常需要使用 node.js 搭建服务器来进行调试或模拟接口等操作。而 npm 包 express-app-server 则是一个方便快捷的工具，它能够快速地搭建起一个 web 服务器，以供我们进行开发及调试。本文就将为大家详细介绍 npm 包 express-app-server 的使用方法。
一、安装
我们需要先安装好 node.js 和 npm 工具（具体安装方法请自行查阅），然后在命令行输入以下命令进行安装：
npm install express-app-server -g
其中 -g 参数表示全局安装，这样我们便可以在任何地方快速地使用该工具，无需反复安装。
二、使用
在安装完成后，我们需要先创建一个工作文件夹（例如 myApp），进入该文件夹，并在该文件夹下创建一个名为 app.js 的文件。app.js 即是我们需要编写 node.js 代码的地方。
在 app.js 中，我们需要引入 express-app-server 依赖包：
const appServer = require('express-app-server');
然后，我们需要设置 appServer 的一些基本配置：
appServer.configure({ port: 3000, // 设置端口号 staticDir: 'public' // 设置静态资源目录 });
其中，我们设置端口号为 3000，这样我们在运行时就可以通过 localhost:3000 访问我们的服务器。同时，我们设置了静态资源目录为 public，这意味着该目录下的静态文件可以直接被访问到。
最后，我们可以通过下面的代码来启动服务器：
appServer.start();
在命令行中，我们进入 myApp 目录，并输入以下命令：
node app.js
我们便可以看到服务器已经启动，可以访问 http://localhost:3000/ 来查看效果了。如果我们需要修改代码，我们只需要停止服务器，重新运行一下 node app.js 的命令即可，十分方便。
三、路由
在前端开发中，我们可能需要模拟一些接口，那么如何利用 express-app-server 来实现接口模拟呢？其实，这就需要用到路由了。在 app.js 中，我们可以这样设置：
-- -------------------- ---- ------- --------------------- -- ------------ --- --------------------- -------- ----- ---- - ---------- ------- ---- ----- - - ----- ----- ---- -- -- - ----- ----- ---- -- - - --- ---展开代码
我们使用 appServer.get 方法来设置路由，其中第一个参数为路由地址，第二个参数则为回调函数。当访问 /api 路径时，回调函数会被调用，并向客户端发送一个 JSON 格式的数据，模拟一个接口返回。
四、模板引擎
在前端开发中，我们通常会使用模板引擎来快速生成 HTML 页面。express-app-server 支持多种模板引擎，包括 ejs、pug 等。以 ejs 为例，我们可以通过以下代码来设置模板引擎：
-- -------------------- ---- ------- --------------------- -- ------------ ----- -------- -- --------- ------- ----- -- -------- --- ------------------ -------- ----- ---- - ------------------- - ------ -------- -------- ------- --- ---展开代码
在 view 目录下，我们可以新建一个名为 index.ejs 的文件，内容如下：
-- -------------------- ---- ------- --------- ----- ------ ------ ---------- ----- ---------- ------- ------ ------- ------- ------- ------- -------展开代码
我们使用 <%= %> 来输出变量，这样当访问根目录时，便会自动渲染 index.ejs 文件，并将 title 和 message 变量传递给该文件以供使用。
五、总结
通过本文的学习，我们已经可以掌握如何使用 npm 包 express-app-server 来快速搭建 node.js 服务器，包括路由、模板引擎等功能，使我们能够更加方便地进行前端开发及调试。同时，我们也应该加强对 node.js 的学习，以便更好地掌握和应用该技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/110348
