美文网首页我爱编程web前端开发
Egg企业级框架踩坑之路(一)

Egg企业级框架踩坑之路(一)

作者: 小小奶狗 | 来源:发表于2018-07-23 17:01 被阅读3851次

记录一下 Egg 采坑道路,简要介绍:如果说 ExpressKoa属于基础框架,那么基于 Koa 这个蛋就算是上层应用框架了,这个蛋本身没啥可说的,但是 koa 体系常用的模块都被人重写成了 egg 版,并且通过 egg-plugin 在模块和应用之间架起了一个桥梁。
如果你要拿 egg 对比其他框架如 Sails,那就像是 Django 对比 Flask,看你个人喜欢咯:一种提供全套解决方案,一种提供社区组件拓展,大多数情况我个人并不喜欢后者。
如果你要问 egg 难不难,我只能说你会 Koa2 的话,一天完全可以搞定 egg。但是估计给你一年也搞定不了 egg-xxx。这个框架的命令行报错,调试方面也继承了 Node.js 的老毛病。
总结起来就是一句话:这个蛋你可以来看看,但不要太费时间上去,垃圾东西。

1. 使用官方脚手架 egg-init 开始项目。

  • 脚手架安装:npm i -g egg-init
  • 初始化目录:egg-init egg-first --type=simple
  • 安装项目依赖:cd egg-first && npm i
  • 热部署启动:npm run dev
  • 注意:目录结构如图。脚手架就是在 npm 仓库中下载了个模板,然后给你配置了个key罢了。
    • image.png

2. 手动实现 egg 项目初始化/macos && Linux

mkdir egg-api && cd egg-api
mkdir app config test
mkdir app/controller app/service
touch app/router.js config/config.default.js config/plugin.js
echo "exports.keys = 'erchoc';" >> config.default.js
npm init
npm i egg egg-bin
修改package.json,添加script:"dev": "egg-bin dev"
npm run dev
  • 此时访问出现404,接下来你还需要添加路由,实现控制器,提供服务,验证,缓存,权限认证等等,我这里简单写个 hello world
- router.js
module.exports = app => {
  const { router, controller } = app;

  router.get('/', controller.app.home);
};

- app/controller/app.js
const { Controller } = require('egg');

class AppController extends Controller {
  async home() {
    this.ctx.body = 'hello world';
  }
}

module.exports = AppController;

  • 访问 http://127.0.0.1:7001 页面输出 hello world
  • 注意:推荐使用 TypeScript 或者 ESLint 代码检测打开 ES6 Module,你就可以不用在每个文件中加上 use strict了。

3. 编写一个 REST 风格的Resource API:users

  • 路由文件添加一行:router.resources('users', '/v1/users', 'users');
  • 新建文件: app/controller/users.jsusers 控制器内容如下:
    const { Controller } = require('egg');
    class UsersController extends Controller {
    
      async create() {
        const { ctx } = this;
        this.ctx.body = '创建';
      }
      async destroy() {
        const { ctx } = this;
        this.ctx.body = '删除';
      }
      async update() {
        const { ctx } = this;
        this.ctx.body = '修改';
      }
      async show() {
        const { ctx } = this;
        this.ctx.body = '查询';
      }
      async index() {
        const { ctx } = this;
        this.ctx.body = '列表';
      }
      async new() {
        const { ctx } = this;
        this.ctx.body = '创建页面';
      }
      async edit() {
        const { ctx } = this;
        this.ctx.body = '修改页面';
      }
    }
    
    module.exports = UsersController;
    
  • 使用接口测试工具 postman测试 users RESTful 接口,别说你特么连 RESTFul API 风格的接口定义规则都不知道!。
  • 测试后发现,POSTPUTDELETE接口均无法访问,控制台输出提示:invalid csrf token。通常有两种 CSRF 报错:
    • missing csrf token
    • invalid csrf token
  • 这是因为默认的 egg-security 插件对以上三种 非安全方法 进行了 CSRF 校验。解决办法是在 config.default.js 中关闭校验,这时候我们模仿脚手架的做法统一使用 config 变量控制导出默认配置文件。
    • image.png
  • 注意:这种解决办法并不优雅也不安全,CSRF利用用户同时打开多个网页的时候获取浏览器 cookie,伪造钓鱼进行目标站点的攻击和拿数据。我们暂时关闭校验,验证可以成功。

4. 其他代码规范相关问题

  • 编码流程:写路由,写对应控制器层,写对应服务层。
  • 控制器层编码流程:验证参数,调用服务层,返回数据。
  • 服务层编码流程:访问持久化层,获取数据,返回格式化数据
  • 控制器,服务都是需要被对应协商单元测试用例滴,要达到100%覆盖率哦。
    文件名和文件夹名都尽量小写,采用 REST 风格的话尽量使用复数,但是服务层的类名使用单数,规范哦。
  • 重复性代码要么配置化,要么封装为函数调用,尽量让每个文件不要杂糅太多信息。
  • 尽量使用 TypeScript 或者 ESLint 规范团队代码风格,使用 git + pre-commit 效果很不错哦。
  • egg 项目开发请多参考 egg-example 开源项目,真的并不难哦。
  • 后续再写写 egg 插件的使用和调试,部署相关应用。

5. 参考资料

相关文章

  • Egg企业级框架踩坑之路(一)

    记录一下 Egg 采坑道路,简要介绍:如果说 Express 和 Koa属于基础框架,那么基于 Koa 这个蛋就算...

  • egg.js 配置cors跨域

    1、egg简述 Egg.js,为企业级框架和应用而生,是阿里开源的企业级 Node.js 框架。 2、特点 Egg...

  • Egg.js 教程

    一、Egg 简介 Egg.js 为企业级框架和应用而生,我们希望由 Egg.js 孕育出更多上层框架,帮助开发团队...

  • egg.js入门示例

    egg入门示例 1、egg.js简介 egg.js是阿里巴巴开源的基于node.js封装的框架,为企业级框架和应用...

  • Egg.js实战

    关于Egg.js介绍 可以参考egg - 为企业级框架和应用而生 概览 开始 -> 登录 -> 鉴权 -> Red...

  • 阿里Egg简介

    egg简介 egg 为企业级框架和应用而生Egg官网 开发模式 渐进式开发 历史 2011 年的就已经开始在生产环...

  • Egg框架应用Sequelize操作MySQL小结

    Egg.js,是阿里开源的企业级 Node.js 框架。相比Express、Koa,Egg.js更为轻量,是Koa...

  • 1. egg 介绍

    Egg.js 为企业级框架和应用而生,我们希望由 Egg.js 孕育出更多上层框架,帮助开发团队和开发人员降低开发...

  • egg.js入门

    egg.js是什么 阿里的开源项目 egg.js为企业级框架和应用而生 约定优于配置, 按照一套同一的约定进行开发...

  • 说说Egg.js中的多进程增强模型(一)

    Egg.js是阿里推出的面向Node的企业级服务框架,这里只是讲一讲egg进阶中的插件开发会遇到多进程增强模型. ...

网友评论

    本文标题:Egg企业级框架踩坑之路(一)

    本文链接:https://www.haomeiwen.com/subject/strjmftx.html