Node.js基础教程

2023-03-23 21:01| 来源: 网络整理| 查看: 265

一、yarn 安装依赖包yarn 是什么二、http 模块http 模块创建一个服务器程序三、url 模块四、根据请求路径返回不同内容五、响应与Content-type六、MIME类型什么是MIMEmime依赖包使用 mime 设置内容类型七、设置响应状态码404设置状态码访问的路径不存在时返回404示例：

珠峰培训，专注前端

一、yarn 安装依赖包

yarn 是什么

yarn 和 npm 一样是包管理器，用来管理依赖包；yarn速度更快；

yarn 或等效于 npm installyarn add 依赖包 —dev 安装开发依赖包yarn add 依赖包 —save 安装生成依赖yarn remove 依赖包卸载依赖包

二、http 模块

http 模块

是 node 的内置模块，提供 http 服务

创建一个服务器程序let http = require('http');let { readFileSync } = require('fs');// 1. 创建服务let server = http.createServer(function (req, res) { // 创建服务器 console.log('有人访问了'); // 只要访问一次就会打印一次 // req 对象：request 这里面保存了客户端所有请求的信息 // res 对象：response 用里面有用户响应客户端请求的方法和属性 console.log(req.headers.cookie); res.end('./index.html'); // 响应客户端请求，并在数据传递结束后断开；});// 设置端口监听server.listen(8080, function () { // 服务创建成功并且监听成功会执行这个回调 console.log('server is running on port 8080')}); 一个端口只能用于给一个程序监听；8080 被当前的 server 使用了，其他程序就不能用

三、url 模块

url 模块也是 Node.js 内置的模块，用来解析请求的 url；

let http = require('http');let url = require('url');let server = http.createServer((req, res) => { // req 包含了全部的请求信息 // res 包含了全部的响应信息 console.log(req.url); let urlObj = url.parse(req.url); // url 模块上有一个 parse 方法，可以把 url 解析成一个对象 console.log(urlObj); // pathname 路径 // query 问号传参 // search 查询字符串比 query 前面多一个问号});server.listen(8000, function () { console.log('port 8000 is on service');});

四、根据请求路径返回不同内容根据请求的路径不同，返回不同的 html

思路：解析请求的 url 根据不同的路径作出不同的响应；

五、响应与Content-type 服务器在响应客户端的请求时需要设置响应内容的内容类型，即在响应头中设置 Content-type。客户端收到服务端的响应后会根据这个内容类型来解析。浏览器有一些默认的文件如 html、js、css 可以不用设置也可以解析；内容类型 Content-type: 是一个响应头

设置头信息 res.setHeader(头信息, 值)

res.setHeader(‘Content-Type’, ‘text/plain;’);

res.setHeader(‘set-cookie’, ‘x=y;’); res.setHeader(头信息, 值) 设置头信息 let http = require('http');let fs = require('fs');let url = require('url');let server = http.createServer((req, res) => { let urlObj = url.parse(req.url, true); // 服务器在客户端响应客户端的请求时需要设置内容的内容类型，即 content-type，以便于客户端收到响应后知道按照何种规则解析这些内容。浏览器有一些文件，如 html、js、css 可以不用设置内容类型也可以解析； // 内容类型：Content-type 是一个响应头： // 设置响应头：res.setHeader(头信息, 值) // res.setHeader('Content-type', 'text/plain;charset=utf8'); let {pathname} = urlObj; let contentTypes = { html: 'text/html', css: 'text/css', js: 'text/javascript', png: 'image/png' }; let typeReg = /\.(\w+)/g; let type = typeReg.exec(pathname)[1]; console.log(type && contentTypes[type]); if (type && contentTypes[type]) { res.setHeader('Content-type', contentTypes[type]); } else { res.setHeader('Content-type', 'text/plain'); } fs.readFile(`${__dirname + pathname}`, function (err, data) { if (err) { res.end('NOT FOUND') } else { res.end(data) } })});server.listen(8000, () => console.log('port 8000 is on'))

六、MIME类型

什么是MIME

MIME: 多用途互联网邮件扩展；每种文件都有自己的 MIME 类型，这个 MIME 类型就是服务端响应的时候要设置的 Content-Type；

mime依赖包

我们一个一个的记录每种文件的 content-type 很不现实，所以可以借助第三方的 mime 包； mime 依赖包：mime 依赖包中包含了绝大多数文件的 mime 类型，是一个第三方的扩展；

安装 mime yarn add mime --save

使用 mime 设置内容类型let http = require('http');let fs = require('fs');let url = require('url');let mime = require('mime');let server = http.createServer((req, res) => { let { pathname } = url.parse(req.url, true); res.setHeader('Content-type', mime.getType(pathname)); fs.readFile(__dirname + pathname, function (err, data) { if (err) { } else { res.end(data) } })});server.listen(8000, () => console.log('port 8000 is on'))

七、设置响应状态码404

设置状态码

在 res 对象上有一个 statusCode 属性，这个属性表示 http 请求的状态码；通过修改这个属性设置 http 的状态码；

访问的路径不存在时返回404 判断路径存在不存在 fs.stat(路径, callback) 方法

示例：let http = require('http');let fs = require('fs');let url = require('url');let mime = require('mime');let server = http.createServer((req, res) => { let {pathname} = url.parse(req.url, true); console.log(pathname); // 判断我们访问的路径存在不存在； fs.stat(__dirname + pathname, (err, stats) => { // fs.stat() 判断路径是否存在，如果不存在 err 将会是一个对象，如果路径存在 err 是 null if (err) { res.statusCode = '404'; res.end(`${pathname} is not found`); } else { // 如果代码执行到这里，说明路径有效； let filePath = ''; if (pathname === '/') { // 当访问路径是 / 时要返回 index.html filePath = __dirname + '/index.html'; } else { filePath = __dirname + pathname; } fs.readFile(filePath, function (err, data) { res.end(data) }) } })});server.listen(8000, () => console.log('port 8000 is on'));

【发上等愿，结中等缘，享下等福，择高处立，寻平处住，向宽处行】

【本文地址】

Node.js基础教程

Node.js基础教程

今日新闻

推荐新闻