node.js+express入门

古城微笑少年丶 2022-09-09 04:47 218阅读 0赞

## 什么是express ##

一句话，基于 `Node.js` 平台，`快速、开放、极简`的 `Web 开发`框架。

## 安装express ##

因为新版express的命令和库是分开的，所以需要额外安装一个`express-generator`

$ npm install -g express
    $ npm install -g express-generator
    $ express --v

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_20_color_FFFFFF_t_70_g_se_x_16]

## ![在这里插入图片描述][4912f0867b6142399f2340713a2d1aef.png]   创建一个express项目 ##

cd到你的项目文件主目录，输入

express -e express-test

自动创建`express-test`相关文件夹。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
使用vscode打开整个，可见结构如下：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_20_color_FFFFFF_t_70_g_se_x_16 2]

通过生成器创建的应用一般都有如下目录结构：

├── app.js
    ├── bin
    │   └── www
    ├── package.json
    ├── public
    │   ├── images
    │   ├── javascripts
    │   └── stylesheets
    │       └── style.css
    ├── routes
    │   ├── index.js
    │   └── users.js
    └── views
        ├── error.pug
        ├── index.pug
        └── layout.pug

7 directories, 9 files

另外，`通过 Express 应用生成器创建应用只是众多方法中的一种`。你可以不使用它，也可以修改它让它符合你的需求。

## NPM INSTALL ##

## 进入创建的 `express-test` 目录执行 `npm install` 安装类库，当然也可以用 `yarn install` 安装   ![install][]   RUN EXPRESS ##

![在这里插入图片描述][ab42400f2a17489380ae55a6b3d146bc.png]

在 MacOS 或 Linux 中，通过如下命令启动此应用：

> $ DEBUG=express-test:\* npm start

在 Windows 命令行中，使用如下命令：

> set DEBUG=express-test:\* & npm start

在 Windows 的 PowerShell 中，使用如下命令：

> $env:DEBUG=‘express-test:\*’; npm start

## 访问网页 ##

在浏览器中打开 网址就可以看到这个应用了。

> http://localhost:3000/

## ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_15_color_FFFFFF_t_70_g_se_x_16]   修改自己的代码 ##

`routes > users.js` , 这个routes下面的除了index那么默认访问路径就是

> http://localhost:3000/`{routes-name}`  
> 所以`users.js` 就是 `http://localhost:3000/users`

var express = require('express');
    var router = express.Router();
    
    /* GET users listing. */
    router.get('/', function(req, res, next) { 
      res.json({  blog: 'zhengkai.blog.csdn.net' , author : 'Moshow K ZHENG' , git : 'github.com/moshowgame'})
    });
    
    module.exports = router;

（可能需要重启控制台才能看见变更，如果发现改了不生效）  
![在这里插入图片描述][0eeffe80cb0c4adeaf4f01370be479f7.png]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/48a0442e09d54ddfb4ccf7d74def91b5.png
[4912f0867b6142399f2340713a2d1aef.png]: /images/20220829/50ba90e837d64318af218eacb17d4f86.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220829/854f4020d2db4732939b1aa8bcd195ec.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220829/530b2e4c32c3403e969abad9bec54627.png
[install]: /images/20220829/12afd845c8a248de82334a5c01221783.png
[ab42400f2a17489380ae55a6b3d146bc.png]: /images/20220829/2db7bf5c491c446dbb1cc32c11cdd215.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_15_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/cb9ca522c84d475a901fb4e5c4138c1f.png
[0eeffe80cb0c4adeaf4f01370be479f7.png]: /images/20220829/086aadaced7f4dc5a78b4cef1e989598.png