目标
- 能够搭建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