Express简单介绍和快速上手

Express 简介和快速入门

Express 简介

Express 快速上手


Express 简介

Express是基于Node.js 的 Web 框架;根据官网描述,其特点是:快速、开放、极简

  • 使用方式

    npm install express --save
  • 官网概述如下图:

    Express简介

Express 快速上手

  • 安装

    Express 是 Node.js 的 Web 框架,所以使用前,必须确保自己已经安装了 Node。

    • 使用以下命令检查是否已经安装 Node,如果没有安装请自行安装,Node 官网
    node -v
    • 接下来创建一个文件夹作为我们的项目目录,之后进入创建的文件夹并进行初始化

      # 操作命令如下
      
      # 第一步:创建文件夹
      mkdir express-app
      # 第二步:进入文件夹
      cd express-app
      # 第三步:初始化项目(使用 npm 和 yarn 都可以)
      npm init
      yarn init
      # 以上命令使用任意一个即可,之后填写相应的初始化信息,也可以啥也不写,按照默认一直回车即可

      初始化Express项目目录

    • 安装 Express

      yarn add express
      # 或者
      npm install express --save
  • 第一个 Express 程序

    • 首先我们在项目目录下创建一个 index.js 的文件,然后按照国际惯例,编写一个 Hello World 程序,代码如下:

      const express = require("express");
      const app = express();
      
      app.use("/", (req, res) => {
          res.send("Hello Word");
      });
      
      app.listen(3000, () => {
          console.log(
              "The server listening on prot 3000!\n Server address: http://localhost:3000 "
          );
      });
    • 运行代码,打开浏览器查看结果 http://localhost:3000/

      node index.js

      Hello Word运行效果

  • Express 生成器

    Express 程序生成器是让我们快速创建一个 Express 应用的脚手架工具,它会帮我们初始化一部分项目的目录结构和文件

    • 安装方式

      我们可以通过全局安装的方式进行安装,然后使用 express 来创建项目;也可以使用 Node 自带的 npx 命令进行创建项目(推荐)

      # 全局安装创建
      npm install -g express-generator
      express generator-app
      
      # npx方式创建
      npx express-generator generator-app
    • 安装依赖

      cd generator-app
      
      # npm 安装
      npm install
      
      # yarn 安装
      yarn
    • 运行项目

      # MacOS 和 Linux
      DEBUG=generator-app:* npm start
      DEBUG=generator-app:* yarn start
      
      # Windows
      set DEBUG=generator-app:* & npm start
      set DEBUG=generator-app:* & yarn start
      
      # 不加 DEBUG 设置也可以直接运行
    • 项目目录

      Express脚手架创建目录结构

  • Express 基本路由

    路由是为了确定应用程序如何响应客户端对特点端点的请求,该特定端点是 URI(或路径)和特定的 HTTP 请求方法(GET、POST 等)

    每一个路由具有一个或多个处理函数,这些函数只有在路由匹配是才执行

    • 路由定义的格式

      • app:express 的实例
      • METHOD:小写的 HTTP 请求方法
      • PATH:服务的请求地址
      • HANDLER:路由匹配时的执行函数
      app.METHOD(PATH, HANDLER)
      # eg:
      app.get('/', () => {})
    • 接下来我们使用第一次创建的 express-app 项目进行代码实践

    • 示例代码:

      const express = require("express");
      const app = express();
      
      // app.use('/', (req, res) => {
      //     res.send('Hello Word')
      // })
      
      app.get("/", (req, res) => {
          res.send("<h1>Hello Express</h1>");
      });
      
      app.get("/", (req, res) => {
          res.send("我是POST请求");
      });
      
      app.get("/user", (req, res) => {
          res.send({
              name: "Diviner",
              code: 3,
              gender: "男",
          });
      });
      
      app.listen(3000, () => {
          console.log(
              "The server listening on prot 3000!\n Server address: http://localhost:3000 "
          );
      });
  • Express 静态文件处理

    Express 中使用 exporess.static() 这个内置的中间件函数可以配置静态文件的处理方式

    • 使用方式:

      • root:静态资源存放的根目录
      • options:对静态文件的一些约束条件,可选参数
      express.static(root, [options])
      
      # 以 public 为静态资源文件夹
      app.use(express.static('public'))
    # 在实际开发中使用如下方式
    app.use('/static', express.static(path.join(__dirname, 'public')))
    ```

-   具体示例代码:

    在项目根目录下创建`public/images` 文件夹, 然后复制一张图片到 images 文件夹下

    启动项目: _node index.js_

    打开浏览器,地址栏输入 **http://localhost:3000/static/images/index.png** 即可看到图片

    ```javascript
    const path = require("path");
    const express = require("express");
    const app = express();

    app.use("/static", express.static(path.join(__dirname, "public")));

    app.listen(3000, () => {
        console.log(
            "The server listening on prot 3000!\n Server address: http://localhost:3000 "
        );
    });
    ```

  转载请注明:

文章作者: Diviner
文章链接: http://www.diviner.site/archives/a060a849.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Divinerの博客 !

评论
 上一篇
Express入门指南 Express入门指南
Express 指南路由 编写中间件 使用中间件 使用模板引擎 错误处理 调试 Express 程序 数据库整合 路由 路由方法 路由方法是从 HTTP 方法之一派生出来的,并附加到了 Express 类的实例 以下是Express中
下一篇 
Go语言基础之变量与常量 Go语言基础之变量与常量
【基础篇】Go 语言基础之变量与常量几乎在所有编程语言中, 变量和常量是必不可少的存在。它们方便了我们对数据的存储和处理 标识符与关键字 变量 常量 标识符与关键字 标识符 所谓的标识符是指:在程序中定义的具有特殊含义的单词或符号等
  目录