前端必备服务器知识！！！

服务器端概念

1、网站的组成

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

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

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

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

IP地址： 互联网中设备的唯一标识，互联网协议地址。eg：192.168.105.125

域名： 因为IP地址难记，域名因而孕育而生。域名就是上网所使用的网址。

端口： 计算机与外界通讯交流的出口，作用 区分服务器电脑中提供的不同服务

URL： 统一资源定位符（Uniform Resource Locator），就是网页地址

1. URL组成：传输协议://服务器IP或域名:/资源所在位置标识
2. eg：https://www.bilibili.com/video/BV1j5411K7EH?p=27&spm_id_from=pageDriver
3. http：超文本传输协议，作用 提供一种发布和接受HTML页面的方法
4. https：HTTPS 在HTTP 的基础下加入SSL，HTTPS 的安全基础是 SSL，作用 将数据加密传输

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

• 本机域名：localhost

  本地IP ：127.0.0.1

• 客户端 → 浏览器

  服务器端 → Node

2、创建web服务器[事例]

• 在任意一个JS文件（我的是app.js）中，写入以下代码保存

//- 用于创建网站服务器的模块
const http = require('http');

//- app对象是网站服务器对象
const app = http.createServer();

//- 当客户端发送请求的时候
app.on('request', (req, res) => {
    //- 响应
    res.end('<h1>Hi,node</h1>');
});

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

• 使用老方法，在powershell命令窗口输入nodemon app.js，回车
  

• 在浏览器中打开
  

3、HTTP协议[前端相关]

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

报文： 在http请求和响应的过程中传递的数据块就叫报文

• 包含传输的数据、一些附加的信息、要遵守的格式

• 请求报文

1. 请求方式（request method）：GET 请求数据，POST 发送数据
2. 请求地址（request URL）：

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

• 响应报文

1. HTTP状态码：200请求成功，404请求资源没有被找到，500服务器错误，400客户端请求有语法错误
2. 内容类型：text.html，text/css，application/javascript，application/json

 app.on('request', (req, res) => {
     //- 设置响应报文
     res.writeHead(200, {
         'Content-Type': 'text/html;charset=utf8‘
     });
 });