快速上手

安装 Node 环境

可以访问 Node.js 官网或者使用 nvm 等类似产品,不再赘述。

创建新应用

使用 midway-init快速上手 - 图1 工具自动创建 midway 应用的目录结构:

  1. $ npm i midway-init -g
  2. $ midway-init

通过生成的 npm scripts 来驱动启动命令:

  1. $ npm install
  2. $ npm run dev

了解目录结构

midway 的目录和 eggjs 目录非常接近,但也有所区别,不同的地方在于:

  • ts 源码存放于 /src 目录下,编译后代码存放于 /dist
  • 以往的 app 等都迁移至 /src/app 下,作为 web 层
  • 传统的业务逻辑等,移动到其他目录,比如 /service
  1. midway6-test tree -I node_modules
  2. .
  3. ├── README.md
  4. ├── README.zh-CN.md
  5. ├── dist ---- 编译后目录
  6. ├── logs ---- 本地日志目录
  7. └── midway6-test ---- 日志应用名开头
  8. ├── common-error.log ---- 错误日志
  9. ├── midway-agent.log ---- agent 输出的日志
  10. ├── midway-core.log ---- 框架输出的日志
  11. ├── midway-web.log ---- koa 输出的日志
  12. └── midway6-test-web.log
  13. ├── package.json
  14. ├── src ---- 源码目录
  15. ├── app ---- web 层目录
  16. ├── controller ---- web controller 目录
  17. ├── home.ts
  18. └── user.ts
  19. ├── middleware (可选) ---- web 层中间件目录
  20. └── trace.ts
  21. ├── public (可选) ---- web 层静态文件目录,可以配置
  22. ├── view (可选)
  23. | └── home.tpl ---- web 层模板
  24. ├── config
  25. ├── config.default.ts
  26. ├── config.local.ts
  27. ├── config.prod.ts
  28. ├── config.unittest.ts
  29. └── plugin.ts
  30. └── service ---- 业务逻辑层目录,自由定义
  31. └── user.ts ---- 业务逻辑层,自由定义
  32. ├── interface.ts ---- 接口定义文件,自由定义
  33. ├── app.ts ---- 应用扩展文件,可选
  34. └── agent.ts ---- agent 扩展文件,可选
  35. ├── test
  36. └── app
  37. └── controller
  38. └── home.test.ts
  39. ├── tsconfig.json
  40. └── tslint.json

如上,由框架约定的目录,Midway 使用 EggJs 作为 Web 层容器,承载请求控制器和传统 MVC 层的工作,这一块由于受到限制,有着一定的目录约定:

  • src/app/router.ts 可选,用于配置 URL 路由规则,具体参见 Router快速上手 - 图2
  • src/app/controller/** 用于解析用户的输入,处理后返回相应的结果,具体参见 Controller
  • src/app/middleware/** 可选,用于编写中间件,具体参见 Middleware快速上手 - 图3
  • src/app/extend/** 可选,用于框架的扩展,具体参见框架扩展快速上手 - 图4
  • src/config/config.{env}.ts 用于编写配置文件,具体参见配置快速上手 - 图5
  • src/config/plugin.ts 用于配置需要加载的插件,具体参见插件快速上手 - 图6
  • test/** 用于单元测试,具体参见单元测试快速上手 - 图7
  • src/app.tsagent.ts 用于自定义启动时的初始化工作,可选,具体参见启动自定义快速上手 - 图8。关于agent.js的作用参见Agent机制快速上手 - 图9

而其他由于 Egg 插件的限制,可能有些目录也会有相应的约定,比如:

  • src/app/public/** 用于放置静态资源,可选,具体参见内置插件 egg-static快速上手 - 图10
  • src/app/view/** 用于放置模板文件,可选,由模板插件约定,具体参见模板渲染快速上手 - 图11

我们会发现常见的代码都会存放于 /src 目录下,由于 ts 的特殊性,在服务器上会通过打包构建为 *.js 文件存放于 /dist 目录。将源文件和编译后文件分开是我们最开始的初衷。

而除了 app 目录以外的其他目录,在 midway 体系下并没有严格的规定,大体可以按照逻辑分层,比如按照传统的 web, biz, service, manager, dao 等进行分层进行创建目录就非常不错。

TIP

由于 Midway 采用了自动扫描装配,依赖注入等特性,无需在特定的目录下受到限制,使得在全栈应用开发的时候,保持了不错的开发体验。