node.js和express创建服务器

创建web服务器

一.

  1. 使用node.js创建服务器。
  2. 使用express创建http服务。
  3. 监控服务器的变化。

二.

  1. 初始化配置文件:npm init -y
  2. 使用typescript编写,导入node的类型定义文件:cnpm install @types/node --save-dev
  3. 由于node不认识typescript,所以创建tsconfig.json文件告诉编译器将typescript编译成javascript,文件配置:

{
     "compilerOptions": {
         "target": "es5",
         "module": "commonjs",
         "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
         "outDir": "build",
         "lib": ["es6"]
     },
     "exclude": [
         "node_modules"
    ]
}

  4.配置编辑器编译器

  node.js和express创建服务器

  5.编写服务器:

创建文件夹server,创建ts文件。

  node.js和express创建服务器

启动服务器 : node build/service.js

请求结果:

  node.js和express创建服务器

  6.由于原生node对服务处理麻烦,导入express框架

cnpm install express --save-dev

cnpm install @types/express --save-dev

  7.express编写服务器

  node.js和express创建服务器

启动:

  node.js和express创建服务器

请求结果:

  node.js和express创建服务器

  8.修改服务器js文件,并不会导致请求返回的数据发生改变,需要重启服务器。实现自动重启服务器。

cnpm install -g nodemon

启动:nodemon build/service.js

修改文件会自动重启。

  node.js和express创建服务器

  9.实践:

  node.js和express创建服务器

  node.js和express创建服务器

  9. webscoket服务器搭建:这里webscoket是支持跨域通信的,所以不需要做反代理

  node.js和express创建服务器

  服务器:

  node.js和express创建服务器

  客户端:

  node.js和express创建服务器

  10.配合angular2使用。

   在angular2 根目录创建proxy.json文件:

  {
  "/api":{
  "target":"http://localhost:6200"
  }
  }
  

node.js和express创建服务器

angular2 package.json:

node.js和express创建服务器

node express.js:

node.js和express创建服务器

上一篇:TP复习6


下一篇:[leetcode-606-Construct String from Binary Tree]