egg.js快速入门（egg.js基础教程入门）

东东评测 • 2021-12-17 23:38:25 • 投稿

NodeJS

Egg是一个优秀的Node.js框架，如果你之前使用过PHP的Laravel框架，那么你一定也会喜欢它，Egg同样奉行“约定优于配置”的原则，按照一套统一的约定进行应用开发，在进行团队开发过程中，会减少开发成员的学习成本。下面就简单介绍一下Egg的入门知识

Egg.js的官网地址为：https://eggjs.org/，中文文档地址为：https://eggjs.org/zh-cn/tutorials/index.html，下面以一个简单项目实例进行入门讲解，项目的基本结构如下图所示：

项目基本结构

有项目的基本结构可以看出，结构的设计很符合约定规范设计，学习起来很容易上手。下面就对各个文件代码及开发进行简单的介绍。

项目使用npm init进行初始化，当然也可以使用egg脚手架egg-init快速生成项目，这是还是使用最原始的方式简单入门。初始化后修改package.json文件，添加开发运行脚本，方便项目运行启动（默认开启了 development 插件，修改后端代码后，会自动重启 Worker 进程）。

"scripts": {

"dev": "egg-bin dev"

}

接着使用脚本进行依赖的安装，代码如下所示，安装完成后就可以进行代码的开发了。

$ npm i egg --save

$ npm i egg-bin --save-dev

新增一个controller（前端控制器），代码如下图所示，根据Controller代码所示，分别再开发视图模板和Service。

Controller

项目的视图文件放在/app/view/目录下，还可以根据Controller名称继续划分子目录，此实例的视图代码如下图，其本身就是简单的HTML代码，其中整合了Nunjucks模板引擎进行数据的渲染，使用“npm i egg-view-nunjucks --save”添加对nunjucks模板引擎的支持。

模板代码

由模板代码可以看出，项目的静态资源文件存放在/app/public/目录下，引入方式如上图所示（不过在正式的项目运行时，建议使用CDN对静态文件访问进行加速）。下面是对Service的开发，Service主要的任务时从接口服务器获取数据，并转换成需要的格式数据，本实例没有再另外搭建接口服务器，只是简单的将数据进行返回，具体代码如下图所示：