node.js开发框架=====＞express框架的开发与使用

Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架

• web 开发: 对不同的请求能够显示页面；提供接口服务；

• 框架是一个半成品，用来快速解决一类问题；框架：bootstrap, lay-ui, express, vue;

• 库就是工具集，通过调用api来完成具体的功能。 库：zepto.js , jQuery, day.js, , react ，underscore, lodash, art-template, axios, echart.....

要点：

• 对于node.js来说，Express 是一个第三方模块，有丰富的 API 支持，强大而灵活的中间件特性

• Express 不对 Node.js 已有的特性进行二次抽象，只是在它之上扩展了 Web 应用所需的基本功能

• 参考链接：Express 官网 Express 中文文档（非官方） Express GitHub仓库

理解：

• 我们前面用http模块来支持web服务，写接口 ----- 原生js

• 现在要用express来写web服务，写接口 ------ jQuery

创建一个空目录（learn-express）（目录名不要有汉字，也不是某个包的名字），在此目录下运行npm init 命令来生成package.json文件

其中package.json和package-lock.json是你在安装包时自动生成

# 在你的项目根目录下，打开小黑窗

# 1. 初始化 package.json 文件
npm init -y

# 2. 本地安装 express 到项目中
# npm install express
npm i express

装包方法我在博客内已经写过,具体操作如上,有不懂的可以去看之前的文章. 

注意：

• 项目目录名字不要取中文，也不要取express

• 如果安装不成功:

  • 换个网络环境

  • 运行下npm cache clean -f，再重新运行下载命令试试

 下面讲解使用

express框架快速建立web服务器

在项目文件夹内建立server.js(就是前文目录的图片上的对应位置),用于书写代码运行服务器.

// 0. 导入 Express
const express = require('express')

// 1. 调用 express() 得到一个 app
//    类似于 http.createServer()
const app = express()

// 2. 设置请求对应的处理函数
//    当客户端以 GET 方法请求 / 的时候就会调用第二个参数：请求处理函数
app.get('/', (req, res) => {
  res.send('hello world')
})

// 3. 监听端口号，启动 Web 服务
app.listen(3000, () => console.log('app listening on port 3000!'))

然后打开cmd

使用node server.js 来运行该服务器

在vscode编辑器中 也有一个运行终端可以实现cmd的操作 这里给大家讲解以下

这个页面的操作方法和node.js 的操作方法一致

 

 这样就代表运行成功了~

切记,有时候会出现报错,可能存在的一项原因 为  目录文件内含有中文或者-开头的文件名.

然后让我们打开 localhost:3000

 

 这样 ,利用express建立一个简单的服务器就圆满成功了.