0%

Express.js之路-基础

发表于 更新于 分类于
  • content
    {:toc}

什么是 Express.js？

它是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架。
在 Express 中就是一个重点：API。这让我们更加注重业务的功能和开发效率。

如何使用 Express.js

1.安装

1
2
cd myproejct
npm install express --save

2.在项目中引入：

1
2
3
4
5
6
7
8
9
10
const express = require('express')
//  获取sever示例

const app = express();

// 绑定服务器接收请求，并添加处理回调参数
app.get('/',(req,res) => {
    // 成功接收后，发起回调参数。
    res.send('Hello World')
})

3.项目运行

1
node server.js

image

我们利用 Express 框架可以减少我们的代码量，比起之前使用的 node 核心模块 http 构建服务器代码排版更直观。Express 底层使用的是 htp 核心模块的 API。如果要处理客户端不同请求路径，我们可以往下罗列多个 ==app.get()== 方法，无需使用 ==if…else…==来判断。Express 也不用我们设置响应头的 Content-Type 和中文编码格式，会底层自动识别添加

1
2
3
4
5
6
7
8
9
10
app.get('/', (req, res) => {
  res.send('Hello World')
})

app.get('/json', (req, res) => {
    res.send({
        app:'你好',
        name:'China'
    })
})

Express 中的静态服务

什么是静态服务？

在一些网站后端中，我们有一些静态文件暴露出来，用户可以根据 url 地址进去访问到其中的内容，这些静态文件也往往称之为公共资源，所以我们需要利用 Expree 框架来托管静态资源

如何使用 Express 托管静态文件？

请使用 Express 中的 express.static 内置中间件函数
此函数特征：

1
express.static(root,[options])

通过下列代码就可以将 public 目录下的图片，css 文件，JavaScript 文件对外开放访问了

1
app.use('/static/',express.static('public'));

于是在制定用户必须以/static/开头的 url 地址才能访问到静态文件夹「public」下的文件。

静态文件夹

指定的静态访问地址

注意：

  • 你可以部署多个静态文件目录，请多次调用该中间件函数
1
2
app.use(express.static('public'))
app.use(express.static('files'))
  • 你可以不写一个参数，直接暴露根目录文件夹下静态文件
    ，用户根据指定的文件地址来访问对应资源。
1
app.use(express.static('public'))

image