Compare and contrast the Web framework of Node

Compare the Web framework under node ecology.

Mainly from the following aspects of comparison

• github watch star fork
• The main implementation

The code is

git clone https://github.com/expressjs/express.git;
git clone https://github.com/koajs/koa.git;
git clone https://github.com/eggjs/egg.git;
git clone https://github.com/midwayjs/midway.git;
git clone https://github.com/nestjs/nest.git;
Copy the code

Pull the source code for five projects and use Vscode Statistics to count the number of lines of code.

Express

Koa

Egg

Midway

Nest

Summary of code statistics

The above is only a simple statistic, which can only reflect the general situation.

Dependencies package.json

Express

{
	  "accepts": "~ 1.3.7." "."array-flatten": 1.1.1 ""."body-parser": "1.19.0"."content-disposition": "0.5.3"."content-type": "~ 1.0.4." "."cookie": "0.4.0"."cookie-signature": "1.0.6"."debug": "2.6.9."."depd": "~ 1.1.2"."encodeurl": "~ 1.0.2"."escape-html": "~ 1.0.3"."etag": "~, version 1.8.1"."finalhandler": "~ 1.1.2"."fresh": "0.5.2"."merge-descriptors": "1.0.1"."methods": "~ 1.1.2"."on-finished": "~ 2.3.0." "."parseurl": "~ 1.3.3." "."path-to-regexp": "0.1.7"."proxy-addr": "~ at 2.0.5." "."qs": "6.7.0"."range-parser": "~ 1.2.1." "."safe-buffer": "5.1.2"."send": "0.17.1"."serve-static": "1.14.1"."setprototypeof": 1.1.1 ""."statuses": "~ 1.5.0." "."type-is": "~ 1.6.18"."utils-merge": "1.0.1"."vary": "~ 1.1.2"
}
Copy the code

Koa

{
    "accepts": "^ 1.3.5." "."cache-content-type": "^ 1.0.0"."content-disposition": "~ 0.5.2"."content-type": "^" 1.0.4."cookies": "~ 0.8.0"."debug": "^ 4.3.2." "."delegates": "^ 1.0.0"."destroy": "^" 1.0.4."encodeurl": "^ 1.0.2"."escape-html": "^ 1.0.3"."fresh": "~ 0.5.2"."http-assert": "^ 1.3.0"."http-errors": "^ 1.6.3." "."koa-compose": "^ 4.1.0." "."on-finished": "^ 2.3.0." "."only": "~ hundreds"."parseurl": "^ 1.3.2." "."statuses": "^ 1.5.0." "."type-is": "^ 1.6.16"."vary": "^ 1.1.2." "
}
Copy the code

Egg

{
    "@types/accepts": "^ 1.3.5." "."@types/koa": "^ 2.0.48"."@types/koa-router": "^ 7.0.40"."accepts": "^ 1.3.5." "."agentkeepalive": "^ 4.0.2." "."cache-content-type": "^" 1.0.1."circular-json-for-egg": "^ 1.0.0"."cluster-client": "^ 3.0.1." "."debug": "^ 4.4.1"."delegates": "^ 1.0.0"."egg-cluster": "^" 1.23.0."egg-cookies": "^ 2.3.0." "."egg-core": "^ 4.18.0"."egg-development": "^" 2.4.2."egg-i18n": "^ 2.0.0." "."egg-jsonp": "^ 2.0.0." "."egg-logger": "^" 2.3.2."egg-logrotator": "^ 3.0.5"."egg-multipart": "^ 2.4.0." "."egg-onerror": "^ 2.1.0." "."egg-schedule": "^ 3.6.0"."egg-security": "^ 2.4.3." "."egg-session": "^ 3.1.0"."egg-static": "^ 2.2.0." "."egg-view": "^ 2.1.2"."egg-watcher": "^ 3.1.0"."extend2": "^ 1.0.0"."graceful": "^ 1.0.2"."humanize-ms": "^ 1.2.1." "."is-type-of": "^ 1.2.1." "."koa-bodyparser": "^ 2"."koa-is-json": "^ 1.0.0"."koa-override": "^ 3.0.0"."ms": "^ 2.1.1"."mz": "^ 2.7.0"."on-finished": "^ 2.3.0." "."semver": "^ 7.3.2." "."sendmessage": "^ 1.1.0." "."urllib": "^ 2.33.0"."utility": "^ 1.15.0"."ylru": "^ 1.2.1." "
  }
Copy the code

Midway

{
    "@eggjs/router": "^ 2.0.0." "."@midwayjs/decorator": "^ 1.20.3"."debug": "^ 4.4.1"."egg": "^ 2.20.0"."egg-core": "^ 4.15.0"."egg-logger": "^" 2.3.2."extend2": "^ 1.0.0"."injection": "^ 1.8.0 comes with"."midway-core": "^ 1.20.3"."midway-schedule": "^ 1.20.3"."mkdirp": "^ 0.5.1"
  }
Copy the code

Nest

{
    "@nuxtjs/opencollective": "0.3.2"."axios": "0.21.1"."class-transformer": "0.4.0"."class-validator": "0.13.1"."cli-color": "2.0.0"."cors": "2.8.5"."express": "4.17.1"."fast-json-stringify": "2.7.9"."fast-safe-stringify": "Mid-atlantic moved."."iterare": "1.2.1"."object-hash": "2.2.0"."path-to-regexp": "3.2.0"."reflect-metadata": "0.1.13"."rxjs": "7.3.0"."socket.io": 4.1.3 ""."tslib": 2.3.1 ""."uuid": "8.3.2"
}
Copy the code

Dependency summary

Seen from above,

• Nest relies on Express
• Midway depends on Egg, and Egg depends on Koa

app.get(‘/’, (req, res) => { res.send(‘Hello World!’) })

app.listen(port, () => { console.log(Example app listening at http://localhost:${port}) })

` run ` - node app. Js - curl http://localhost:3000 directory is ` ` ` json | ____package. Json | ____app. JsCopy the code

Koa

• pre install -> mkdir koa; cd koa; npm init -y; yarn add koa; vim app.js
• Enter the app. Js

const Koa = require('koa');
const app = new Koa();

app.use(async ctx => {
  ctx.body = 'Hello World';
});

app.listen(3000);
Copy the code

• node app.js && curl localhost:3000

directory

|____package.json
|____app.js

Copy the code

• pre install -> mkdir egg; cd egg; npm init egg --type=simple; npm i;
• npm run dev && curl localhost:7001

directory

.
|____jsconfig.json
|____app
| |____controller
| | |____home.js
| |____router.js
| |____public
|____test
|____config
| |____config.default.js
| |____plugin.js
|____.eslintrc
|____.autod.conf.js
|____README.md
|____appveyor.yml
|____logs
|____.gitignore
|____package.json
|____.github
| |____workflows
| | |____nodejs.yml
|____.eslintignore
|____run
|____.travis.yml

Copy the code

If Express and KOA give us a blank SLATE, Egg gives us a set of corporate rules.

Midway

• pre install -> npm init midway --type=web midway;
• npm run dev; curl localhost; 7001

directory

.
|____test
|____jest.setup.js
|____jest.config.js
|____bootstrap.js
|____typings
|____.editorconfig
|____logs
|____.gitignore
|____package.json
|____tsconfig.json
|____run
|____.eslintrc.json
|____src
| |____config
| | |____config.local.ts
| | |____plugin.ts
| | |____config.default.ts
| | |____config.unittest.ts
| |____controller
| | |____api.ts
| | |____home.ts
| |____interface.ts
| |____service
| | |____user.ts
| |____configuration.ts

Copy the code

While all other languages generate JavaScript, Midway generates TypeScript as the default syntax. The structure created by MidWay looks very similar to the structure created by Egg, so the underlying structure must have referenced the Egg.

• pre install -> npm i -g @nestjs/cli; nest new nest;
• yarn run start; curl localhost:3000

directory

. |____test | |____app.e2e-spec.ts | |____jest-e2e.json |____nest-cli.json |____README.md |____yarn.lock |____.gitignore  |____package.json |____tsconfig.build.json |____.prettierrc |____.eslintrc.js |____tsconfig.json |____src | |____main.ts | |____app.service.ts | |____app.module.ts | |____app.controller.spec.ts | |____app.controller.tsCopy the code

Nest is also TypeScript by default

The support of the TypeScript

At the heart of Egg is the loader loading mechanism. There are more conventions than configurations, which I personally find unfriendly to TypeScript support 😈

Related projects

The future development of language. Here are the Top 10 projects on Github topic:${name}.

Express

• goldbergyoni/nodebestpractices
• expressjs/express
• gofiber/fiber
• nswbmw/N-blog
• goldbergyoni/javascript-testing-best-practices
• linnovate/mean
• apollographql/apollo-server
• bailicangdu/node-elm
• graphile/postgraphile
• microsoft/TypeScript-Node-Starter

Koa

• strapi/strapi
• koajs/koa
• eggjs/egg
• apollographql/apollo-server
• graphile/postgraphile
• aui/art-template
• r-spacex/SpaceX-API
• chenshenhai/koa2-note
• berwin/Blog
• simov/grant

• eggjs/egg
• eggjs/examples
• atian25/blog
• cnodejs/egg-cnode
• easy-team/egg-vue-webpack-boilerplate
• wangweianger/zanePerfor
• DXY-F2E/api-mocker
• cool-team-official/cool-admin-midway
• eggjs/awesome-egg
• parkervcp/eggs

Midway

• midwayjs/midway
• midwayjs/pandora
• cool-team-official/cool-admin-midway
• midwayjs/hooks
• midwayjs/midway-faas
• fsd-nodejs/service-mw2
• midwayjs/midway-examples
• atzcl/z
• hackycy/sf-vue-admin
• emilianoarlettaz/arcade-pcb-case

• nestjs/nest
• CCOSTAN/Home-AssistantConfig
• elastic/elasticsearch-net
• notadd/notadd
• nestjsx/crud
• nestjs/nest-cli
• nestjs/typescript-starter
• nestjs/typeorm
• surmon-china/nodepress