http协议&如何获取请求参数

目标

• 能够搭建Web服务器
• 能够使用获取GET、POST参数的方式获取参数
• 能够掌握如何制作路由
• 能够知道同步异步的概念
• 能够知道回调函数的概念

服务器端基础概念

网站的组成

网站应用程序主要分为两大部分：客户端和服务器端。

**客户端：**在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。

**服务器端：**在服务器中运行的部分，负责存储数据和处理应用逻辑。

[外链图片转存失败(img-W8uadwRU-1568462670754)(images/fuwuqi-01.png)]

Node网站服务器

能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应。

[外链图片转存失败(img-58Dbba93-1568462670757)(images/fuwuqi-02.png)]

IP地址

互联网中设备的唯一标识。
IP是Internet Protocol Address的简写，代表互联网协议地址.

[外链图片转存失败(img-YehHaHZE-1568462670762)(images/ip.png)]

域名

由于IP地址难于记忆，所以产生了域名的概念，所谓域名就是平时上网所使用的网址

http://www.itheima.com => http://124.165.219.100/
虽然在地址栏中输入的是网址, 但是最终还是会将域名转换为ip才能访问到指定的网站服务器。

端口

使用端口区分不同的服务，它是一些具有一定范围的数字, 范围是0到65535, 每一个向外界提供服务的软件, 都要占用一个端口

[外链图片转存失败(img-IXrKApDq-1568462670763)(images/duankou.png)]

URL(★★★)

统一资源定位符，又叫URL（Uniform Resource Locator），是专为标识Internet网上资源位置而设的一种编址方式，我们平时所说的网页地址指的即是URL。

URL的组成

传输协议://服务器IP或域名:端口/资源所在位置标识

http://www.itcast.cn/news/20181018/09152238514.html

http：超文本传输协议，提供了一种发布和接收HTML页面的方法。

开发过程中客户端和服务器端说明

在开发阶段，客户端和服务器端使用同一台电脑，即开发人员电脑。

**本机域名：**localhost
**本地IP ：**127.0.0.1

创建web服务器(★★★)

• 引用系统模块

   const http = require('http');
  

• 创建web服务器

  const app = http.createServer();
  

• 当客户端发送请求的时候(监听客户端发送过来的请求)

   app.on('request', (req, res) => {
       
          //  响应
         res.end('<h1>hi, user</h1>');
   });
  

• 监听端口

  // 监听3000端口
  app.listen(3000);
  console.log('服务器已启动，监听3000端口，请访问 localhost:3000')
  

HTTP协议

HTTP协议概念

超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端服务器架构工作，是客户端（用户）和服务器端（网站）请求和应答的标准。

[外链图片转存失败(img-FvF9Ejnz-1568462670765)(images/http协议.png)]

报文

在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，并且要遵守规定好的格式。

[外链图片转存失败(img-K447kV9o-1568462670769)(images/报文.png)]

请求报文

请求方式 （Request Method）

• GET 请求数据
• POST 发送数据

请求地址 （Request URL）

 app.on('request', (req, res) => {
   
     req.headers  // 获取请求报文
     req.url      // 获取请求地址
     req.method   // 获取请求方法
 });

响应报文

HTTP状态码

• 200 请求成功
• 404 请求的资源没有被找到
• 500 服务器端错误
• 400 客户端请求有语法错误

内容类型

• text/html
• text/css
• application/javascript
• image/jpeg
• application/json

 app.on('request', (req, res) => {
   
     // 设置响应报文
     res.writeHead(200, {
   
         'Content-Type