Node.js第三天
2021/6/5 22:22:56
本文主要是介绍Node.js第三天,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
Node.js第三天
一.服务器端基础概念
1.1网站的组成
网站应用程序主要分为两大部分:客户端和服务器端。
客户端:在浏览器中运行的部分,就是用户看到并与之交互的界面程序。使用HTML、CSS、 JavaScript构建。
服务器端:在服务器中运行的部分,负责存储数据和处理应用逻辑。
1.2 Node网站服务器
能够提供网站访问服务的机器就是网站服务器,它能够接收客户端的请求,能够对请求做出响应.
1.3 IP地址
互联网中设备的唯一标识。
IP是Internet Protocol Address的简写,代表互联网协议地址.
1.4域名
由于IP地址难于记忆,所以产生了域名的概念,所谓域名就是上网所使用的网址。
https://www.baidu.com/ => 202.108.22.5
虽然在地址栏中输入的是网址,但是最终还是会将域名转换为ip才能访问到指定的网站服务器。
1.5端口
端口是计算机与外界通讯交流的出口,用来区分服务器电脑中提供的不同的服务。
1.6 URL
统一资源定位符,又叫URL (Uniform Resource Locator),是专 为标识Internet网上资源位置而设的一种编址方式,我们平时所说的网页地址指的即是URL。
URL的组成
传输协议://服务器IP或域名:端口/资源所在位置标识
http://www.itcast.cn/news/20210604/09152238514.html .
http:超文本传输协议,提供了一种发布和接收HTML页面的方法。
二. 创建web服务器
// 用于创建网站服务器的模块 const http = require('http'); // app对象就是网站服务器对象 const app = http.createServer(); // 当客户端有请求来的时候 app.on('request', (req, res) => { res.end('<h2>hello user</h2>'); }); // 监听端口 app.listen(3000); console.log('网站服务器启动成功')
三 .HTTP协议
3.1 HTTP协议的概念
超文本传输协议(英文: HyperText Transfer Protocol,缩写: HTTP)规定了如何从网站服务器传输超文本到本地浏览器,它基于客户端服务器架构工作,是客户端(用户)和服务器端(网站)请求和应答的标准。
3.2报文
在HTTP请求和响应的过程中传递的数据块就叫报文,包括要传送的数据和一些附加信息,并且要遵守规定好的格式。
3.3 请求报文
1.请求方式(Request Method)
● GET 请求数据
● POST 发送数据
2.请求地址(Request URL)
app.on('request',(req,res)=>{ req.headers //获取请求报文 req.url//获取请求地址 req.method//获取请求方法: }) ;
3.4响应报文
1.HTTP状态码;
● 200请求成功
● 404请求的资源没有被找到
● 500 服务器端错误
● 400客户端请求有语法错误
2.内容类型
● text/html
● text/css
● application/javascript
● image/jpeg
● application/json
res.writeHead(200, { 'content-type': 'text/html;charset=utf8' })
四. HTTP请求与响应处理
4.1请求参数
客户端向服务器端发送请求时,有时需要携带一些客户信息, 客户信息需要通过请求参数的形式传递到服务器端,比如登录操作。
4.2 GET请求参数
● 参数被放置在浏览器地址栏中,例如: http://localhost:3000/?name= zhangsan&age=20
// 1) 要解析的url地址 // 2) 将查询参数解析成对象形式 let { query, pathname } = url.parse(req.url, true); console.log(query.name) console.log(query.age) if (pathname == '/index' || pathname == '/') { res.end('<h2>欢迎来到首页</h2>');
4.3 POST请求参数
● 参数被放置在请求体中进行传输
● 获取POST参数需要使用data事件和end事件
● 使用querystring系统模块将参数转换为对象格式
// 处理请求参数模块 const querystring = require('querystring'); app.on('request', (req, res) => { // post参数是通过事件的方式接受的 // data 当请求参数传递的时候出发data事件 // end 当参数传递完成的时候出发end事件 let postParams = ''; //监听参数传输事件 req.on('data', params => { postParams += params; }); //监听参数传输完毕事件 req.on('end',() => { console.log(querystring.parse(postParams)); }); });
4.4 路由
路由是指客户端请求地址与服务器端程序代码的对应关系。简单的说,就是请求什么响应什么。
// 实现路由功能 // 1.获取客户端的请求方式 // 2.获取客户端的请求地址 const http = require('http'); const url = require('url'); const app = http.createServer(); app.on('request', (req, res) => { // 获取请求方式 const method = req.method.toLowerCase(); // 获取请求地址 const pathname = url.parse(req.url).pathname; res.writeHead(200, { 'content-type': 'text/html;charset=utf8' }); if (method == 'get') { if (pathname == '/' || pathname == '/index') { res.end('欢迎来到首页') }else if (pathname == '/list') { res.end('欢迎来到列表页') }else { res.end('您访问的页面不存在') } }else if (method == 'post') { } }); app.listen(3000); console.log('服务器启动成功')
4.5静态资源
服务器端不需要处理,可以直接响应给客户端的资源就是静态资源,例如CSS、JavaScript、image文件。
静态资源访问
4.6动态资源
相同的请求地址不同的响应资源,这种资源就是动态资源。
const http = require('http'); const url = require('url'); const path = require('path'); const fs = require('fs'); const mime = require('mime'); const app = http.createServer(); app.on('request', (req, res) => { // 获取用户的请求路径 let pathname = url.parse(req.url).pathname; pathname = pathname == '/' ? '/default.html' : pathname; // 将用户的请求路径转换为实际的服务器硬盘路径 let realPath = path.join(__dirname, 'public' + pathname); let type = mime.getType(realPath) // 读取文件 fs.readFile(realPath, (error, result) => { // 如果文件读取失败 if (error != null) { res.writeHead(404, { 'content-type': 'text/html;charset=utf8' }) res.end('文件读取失败'); return; } res.writeHead(200, { 'content-type': type }) res.end(result); }); }); app.listen(3000); console.log('服务器启动成功')
这篇关于Node.js第三天的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-24Vue CLI多环境配置学习:从入门到实践
- 2024-11-24Vue CLI多环境配置学习:新手入门教程
- 2024-11-24Vue CLI学习:初学者指南
- 2024-11-24Vue CLI学习:从入门到上手的简单教程
- 2024-11-24Vue3+Vite学习:从零开始的前端开发之旅
- 2024-11-24Vue3阿里系UI组件学习入门教程
- 2024-11-24Vue3的阿里系UI组件学习入门指南
- 2024-11-24Vue3公共组件学习:新手入门教程
- 2024-11-24Vue3公共组件学习入门指南
- 2024-11-24vue3核心功能响应式变量学习