AJAX(笔记03) - 原生AJAX - Node.js 和 Express 的简介、安装

Node.js

Node.js 是基于 Chrome V8 引擎的 Javascript 运行时，是个应用程序；

可以解析 JS 代码，通过 JS 代码，可以对计算机资源进行些操作；

AJAX 的学习需要 Node.js 环境，所以要安装；

Node.js 官网：​​https://nodejs.org/zh-cn/​​

下载安装这个稳定版就可以了；

安装完成后，打开命令提示符：查看版本信息；

> node -v 

能显示版本信息，就说明安装成功了；Node.js 版本更新很快，可以使用最新版；

---

有了 Node.js  还会安装个 Express 框架来提供 Web服务；

Express

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

理解： Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的；本质是一个 npm 上的第三方包，提供了快速创建  Web 服务器的方法 ；

-- 不使用 Express 能否创建 Web 服务器？

可以，使用 Node.js 提供的原生 http 模块也行；

-- 有了 http 内置模块，为什么还用 Express？

http 内置模块用起来很复杂，开发效率低；Express是基于内置 http 模块进一步封装出来的，能够极大提高开发效率；

-- Express能做什么？

使用 Express，我们可以方便、快速的创建 Web 网站的服务器或 API 接口的服务器；

Web 网站的服务器：专门对外提供 Web 网页资源的服务器；

API 接口服务器：专门对外提供 API 接口的服务器；

Express官网：​​http://expressjs.com​​

Express 中文官网： ​​https://www.expressjs.com.cn​​

---

初始化项目

有了 Node.js 后，新建项目文件夹，进行项目初始化；VSCode 终端或在命令提示符下：

> npm init --yes

会在项目目录  ajax2 中新建个  package.json 文件，并写入基本配置信息；

{
"name": "ajax2",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
  },
"keywords": [],
"author": "",
"license": "ISC"
}

需要复习下 Npm 的可以参考：​​NPM 简介、安装、配置、常用方法​​

安装 Express 

在 VSCode 或 命令提示符下：

> npm i express

本地安装 express ，会生成一个 node_modlues 目录下载依赖包；

创建和启动Web服务

新建一个 express.js 文件，简短几行代码来创建 Web服务器；

// 1. 引入express模块
const express = require('express')
// 2. 创建应用对象
const app = express()
// 3. 创建路由规则
// request  是对请求报文的封装；
// response 是对响应报文的封装；
app.get('/',(request,response)=>{
// 设置响应
response.send('Hello Express!')
})
// 4. 监听端口，启动服务
app.listen(8000,()=>{
console.log('服务已经启动，端口8000监听中...');
})

提示：4步快速建立Web服务；

启动服务：当前目录执行；

> node express.js

访问Web服务

看到服务启动的提示后，浏览器查看一下请求和响应的交互： 

地址栏输入： localhost:8000，显示返回信息；

开发者工具查看 network 中的请求报文、响应报文和响应体：

请求报文中的请求行和请求头：

响应报文中的响应行和响应头：

响应体 Response：

响应预览 Preview

到此，一个简单的 HTTP 服务，就建好了；