羽翼丶年华

# 2.准备

# 2.1 node.js

官网：https://nodejs.org/en/

下载LTS版本，安装全部默认，安装完成之后，在终端(cmd或git-bash)界面输入 node -v 能过获取到版本号即安装成功

# 2.2 Express

# 2.2.1 初始化

在项目下打开终端，输入：

npm init --yes

进行初始化

# 2.2.2 Express安装

npm i express

# 2.2.3 Express使用

# 程序编写

新建js文件，这里以expressUse.js为例

// 1.引入express

const express = require('express');

// 2.创建应用对象
const app = express()

// 3.创建路由规则
// request 是对请求报文的封装
// response 是对响应报文的封装
app.get('/', (request, response) => {
	// 设置响应体
	response.send('HELLO EXPRESS!')
})

app.listen(8000, () => {
	console.log('服务已经启动， 8000 端口监听中...')
})

# 启动服务

在项目下打开终端，输入

node expressUser.js

如果终端输出了 '服务已经启动， 8000 端口监听中....'

在浏览器中输入地址：127.0.0.1:8000 或 localhost:8000

如果输出了'HELLO EXPRESS' 则说明启动成功

# 2.3 案例准备

需求：点击按钮，发送请求，接受服务器传回的响应，把响应体内容呈现

<!-- 界面 -->
<!-- index.html -->
<style>
    #result{
        width: 200px;
        height: 200px;
        border: 1px soild black;
    }
</style>
<body>
    <buttom>发送请求</buttom>
    <div id="result"></div>
</body>

// 服务端准备
// server.js
// 1.引入express

const express = require('express');

// 2.创建应用对象
const app = express()

// 3.创建路由规则
// 第一个参数即为url路径
// request 是对请求报文的封装
// response 是对响应报文的封装
app.get('/server', (request, response) => {
	// 设置响应头 设置允许跨域
	response.setHeader('Access-Control-Allow-Origin','*')
	
	// 设置响应体
	response.send('HELLO EXPRESS!')
})

app.listen(8000, () => {
	console.log('服务已经启动， 8000 端口监听中...')
})

在项目下打开终端

node server.js

如果报错请检查端口号是否被占用或程序是否正确

在终端 ctrl+c可以退出当前执行的程序，用于清除端口号占用

浏览器地址输入：127.0.0.1:8000/server 或 localhost:8000/server

← 3.AJAX基本使用 →