nodejs基础

最新推荐文章于 2023-01-26 21:31:04 发布
最新推荐文章于 2023-01-26 21:31:04 发布
阅读量256 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44692018/article/details/111564997
版权

node.js基本介绍

node.js是什么

Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.

Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时

  • Node全名是Node.js，但它不是一个js文件，而是一个软件
  • Node.js是一个基于Chrome V8引擎的ECMAScript的运行环境，在这个环境中可以执行js代码
  • Node.js提供了大量的工具（API），能够让我们完成文件读写、Web服务器创建等功能。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FW9fmdps-1608636653144)(./assets/1562665560127.png)]

nodejs和浏览器和javascript的关系

nodejs和浏览器的关系

相同之处：

  • 都可以运行js(严格来讲是ECMAScript)代码

不同之处：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tDdbYBmX-1608636653146)(./assets/1562665535479.png)]

  • 安装了浏览器这个软件，它不但可以执行ECMAScript，浏览器这个软件内置了window对象，所以浏览器有处理DOM和BOM的能力。
  • 安装了NodeJs这个软件，它不但可以执行ECMAScript，NodeJS这个软件也内置了一些东西，包括全局成员和模块系统，同时还可以载入第三方模块来完成更强大的功能。
nodejs和javascript的区别？
  • nodejs是一个容器（不是一个新语言），ECAMScript程序可以在这个容器中运行。
    • 不能在nodejs使用window对象，也不能在nodejs使用dom操作。因为nodejs中并不包含这个对象。
  • javascript是由三个部分组成：ECAMScrtipt,Bom,Dom

学习Nodejs的意义

在我们熟悉的浏览器上执行JS不是很好吗？为什么要学习Nodejs呢？主要原因：

  • 大前端必备技能
  • 使得JS能够和操作系统 “互动” （读取文件，写入文件等，管理进程）
  • 为JavaScript提供了服务端编程的能力
    • 文件IO
    • 网络IO
    • 数据库
  • 了解接口开发，进一步理解Web开发，了解后端同学的工作内容

node中的模块化

在项目的开发过程中，随着功能的不断增强，代码量，文件数量也急剧增加，我们需要把一个大函数拆成小函数，把一个大文件拆成小文件，把一个大功能拆成若干个小功能。这里很自然地就涉及到模块化的想法：一个复杂的系统分成几个子系统，体现在几个小的文件在一起组成一个大的文件，集成强大的功能。

遗憾的是es5不支持模块化：就是在一个js文件内不能引入其他js文件。不能通过一个大文件去集成若干个小文件。（不是说一个html文件中不能包含多个js文件）。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FleTTzBS-1608636653147)(./assets/1565775865503.png)]

这样就会带来多个问题：

  1. 文件的加载先后顺序
  2. 不同的文件内部定义的变量共享

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZyFnAXyb-1608636653148)(./assets/1563159057071.png)]

模块化

一个js文件中可以引入其他的js文件，能使用引入的js文件的中的变量、数据，这种特性就称为模块化。使用模块化开发可以很好的解决变量、函数名冲突问题，也能灵活的解决文件依赖问题。

  • 以前

    es5不支持模块化，让前端人员很为难。为了让支持模块化，我们一般会借用第三方库来实现：

    • sea.js. https://www.zhangxinxu.com/sp/seajs/
    • require.js. https://requirejs.org/

  • 现在

    • es6原生语法也支持模块化
    • Nodejs内部也支持模块化（与es6的模块化有些不同之处），具体的语法在后面来介绍

nodejs中的模块

每个模块都是一个独立的文件。每个模块都可以完成特定的功能，我们需要时就去引入它们，并调用。不需要时也不需要要管它。（理解于浏览器的js中的Math对象）

nodejs模块的分类

  • 核心模块
    • 就是nodejs自带的模块，在安装完nodejs之后，就可以随意使用啦。相当于学习js时使用的Array对象。
    • 全部模块的源代码 https://github.com/nodejs/node/tree/master/lib
  • 自定义模块
    • 程序员自己写的模块。就相当于我们在学习js时的自定义函数。
  • 第三方模块
    • 其他程序员写好的模块。nodejs生态提供了一个专门的工具来管理第三方模块，后面我们会专门讲到。
    • 相当于别人写好的函数或者库。例如我们前面学习的JQuery库，arttemplate等。
核心模块

官网文档 https://nodejs.org/dist/latest-v10.x/docs/api/

中文文档 http://nodejs.cn/api/

学会查 API，远远比会几个 API 更重要

  • 核心模块就是 Node 内置的模块，需要通过唯一的标识名称来进行获取。
  • 每一个核心模块基本上都是暴露了一个对象，里面包含一些方法供我们使用
  • 一般在加载核心模块的时候，变量的起名最好就和核心模块的标识名同名即可
    • 例如：const fs = require('fs')

示例：用fs模块读取文件

const fs = require('fs');
let htmlStr = fs.readFileSync( 'index.html')).toString();
console.log(htmlStr)

注意：require()中直接写模块的名字

  • 不要加.js
  • 不要加其它路径
第三方模块

所谓第三方模块，顾名思义，就是别人写的模块（不是自己写的，也不是nodejs自带的）。在浏览器环境中使用第三方函数或者是库是很自然的，一般有两步：

  1. 去官网下载js文件。或者使用DSN外链。
  2. 在自己的html页面中引入

以jquery为例

  1. 去jquery官网中下载jquery.js文件。
  2. 在html页面中使用 script link标签引入这个js文件
  3. 开始使用啦

这个过程中很容易，我们也慢慢习惯了，但这种使用方式是有问题的：

  • 随着引入的第三方库越来越多，你得每一个库都去他们各自的官网上下载。引入10个库，都得下载10次
  • 各个库的版本号在升级更新时，你也无法准确得知。

在node中，我们通过npm来解决下载、使用、管理第三方模块的问题。

fs模块

fs模块是文件操作模块。fs是 FileSystem的简写。它用来对文件，文件夹进行操作。

手册：http://nodejs.cn/api/fs.html

// 引入模块。
// 可以使用var、let，但是建议使用const，因为我们不希望它被改变
const fs = require('fs');

fs模块中操作文件(或者文件夹)的方法，大多都提供了两种选择：

  • 同步版本的
  • 异步版本的

文件内容读取 - readFile

异步格式
fs.readFile('文件路径'[,选项], (err, data) => {
  if (err) throw err;
  console.log(data);
});

说明：

  • 第一个参数：文件路径。 相对路径和绝对路径均可。
  • 第二个参数： 配置项，可选参数。主要用来配置字符集。一般可设置为’utf8’

​ 如果不设置该参数，文件内容会以二进制形式返回。

  • 参数3: 读取完成后触发的回调函数。有两个参数 — err 和 data

    • 读取成功

      • err: null

      • data: 文件内容，如果不设置参数2,则返回二进制数据。可以使用 toString() 方法将二进制数据

        转为正常字符串

    • 读取失败

      • err: 错误对象
      • data: undefined

示例：

const fs = require("fs")
fs.readFile('文件路径',"utf8", (err, data) => {
  if (err) throw err;
  console.log(data);
});
同步格式

与异步格式不同在于：

  • api的名字后面有Sync
  • 不是通过回调函数来获取值，而是像一个普通的函数调用一样，直接获取返回值
const fs = require("fs")
let rs = fs.readFileSync('文件路径',"utf8");
console.log(rs)

文件写入

覆盖写入 writeFile

功能：向指定文件中写入字符串（覆盖写入）， 如果没有该文件则尝试创建该文件。它把把文件中的内容全部删除，再填入新的内容。

格式：fs.writeFile(var1, var2, var3, var4);

参数1: 要写入的文件路径 — 相对路径和绝对路径均可，推荐使用绝对路径

参数2: 要写入文件的字符串

参数3: 配置项，设置写入的字符集，默认utf-8

参数4: 写入完成后触发的回调函数，有一个参数 — err （错误对象）

const fs = require('fs')
fs.writeFile('./a.txt', 'hello world nah \n asfsdf', err => {
  if (err) {
    console.info(err)
    throw err
  }
})
文件追加 appendFile

功能 ：向指定文件中写入字符串（追加写入）， 如果没有该文件则尝试创建该文件

格式：fs.appendFile(var1, var2, var3, var4);

参数1: 要写入的文件路径 — 相对路径和绝对路径均可，推荐使用绝对路径

参数2: 要写入文件的字符串

参数3: 配置项，设置写入的字符集，默认utf-8

参数4: 写入完成后触发的回调函数，有一个参数 — err （错误对象）

const fs = require('fs')

fs.appendFile('./a.txt', '\n 为天地立命', err => {
  if (err) {
    console.info(err)
    throw err
  }
})

路径问题

在读取文件时，写相对路径是容易出问题的。下面我们来看会出什么问题。

假设有如下两个文件，它们所处的目录及文件名如下所示：

day01/js/fs.js
day01/js/text.txt

fs.js代码的作用是读出text.txt中的内容，并显示出来。

const fs = require('fs');
fs.readfilesync("./text.txt",'utf8'); 
//注意这里对text.txt的访问使用的是相对"fs.js" 本身的路径

现在，我们想要运行fs.js这个文件有两种方式：

  • 如果终端中的路径定位在js目录下，则通过node fs.js

  • 如果终端中的路径定位在day01目录下，则通过：node js/fs.js

    此时就不能正确找到文件了。

原因是：我们在fs中读取文件时，使用的是相对路径，而相对路径的参考点是运行这个js文件的小黑窗的路径。而这个路径我们是可以通过cd命名来调整的。

解决方法，就是在操作文件时，使用绝对路径来定位文件。

__dirname, __filename 获取绝对路径

绝对路径： 从磁盘根目录开始到指定文件的路径。

相对路径：是以某个文件的位置为起点，相对于这个位置来找另一个文件。

nodejs中提供了两个全局变量来获取获取绝对路径：

  • __dirname：获取当前被执行的文件的文件夹所处的绝对路径
  • __filename：获取当前被执行的文件的绝对路径
path模块

http://nodejs.cn/api/path.html#path_path

它是一个核心模块，用来处理路径问题：拼接，分析，取后缀名。

  • path.basename（路径）获取
  • path.join()
  • path.parse(path) 转成一个对象
path.basename('/foo/bar/baz/asdf/quux.html');// 返回: 'quux.html'
path.basename('/foo/bar/baz/asdf/quux.html', '.html');// 返回: 'quux'
path.dirname('/foo/bar/baz/asdf/quux');// 返回: '/foo/bar/baz/asdf'
path.extname('index.html');// 返回: '.html'

附：fs模块中的常用方法

API作用备注
fs.access(path, callback)判断路径是否存在
fs.appendFile(file, data, callback)向文件中追加内容
fs.copyFile(src, callback)复制文件
fs.mkdir(path, callback)创建目录
fs.readDir(path, callback)读取目录列表
fs.rename(oldPath, newPath, callback)重命名文件/目录
fs.rmdir(path, callback)删除目录只能删除空目录
fs.stat(path, callback)获取文件/目录信息
fs.unlink(path, callback)删除文件
fs.watch(filename[, options][, listener])监视文件/目录
fs.watchFile(filename[, options], listener)监视文件
fs.existsSync(absolutePath)判断路径是否存在

附：path模块其它方法列表

方法作用
path.basename(path[, ext])获取返回 path 的最后一部分(文件名)
path.dirname(path)返回目录名
path.extname(path)返回路径中文件的扩展名(包含.)
path.format(pathObject)将一个对象格式化为一个路径字符串
path.join([…paths])拼接路径
path.parse(path)把路径字符串解析成对象的格式
path.resolve([…paths])基于当前工作目录拼接路径

http模块-基本使用

http是nodejs的核心模块，让我们能够通过简单的代码创建一个Web服务器，处理http请求。

快速搭建Web服务器

  1. 新建文件，写入如下代码。
// http.js
// 引入核心模块http
const http = require('http');

// 创建服务
const server = http.createServer(function(req, res) {
  console.log(req.connection.remoteAddress);
  res.end('hello world');
});
// 启动服务
server.listen(8081, function() {
  console.log('success');
});
  1. 运行代码, node http.js
  2. 在浏览器地址栏中输入：localhost:8081 观察效果。

说明

  1. 把localhost改成本机ip地址，让同一局域网的同学访问。

  2. 如果你修改了代码，必须先停止服务，然后再启动。这样才能生效。

    ctrl+c 停止服务。

  3. 更改res.end()的内容，重启后，再次观察。

    • 获取ip，返回给浏览器

理解请求与响应

在上面的代码中，我们通过http.createServer方法创建一个http服务。

// 创建服务
const server = http.createServer((req, res) => {
  console.log(req.connection.remoteAddress);
  res.end('hello world');
});

其中的参数是一个函数，这个函数是一个匿名函数，这个函数充当回调函数的角色，当有http请求时，它会自动被调用。

这个回调函数有它有两个参数。这两个参数非常重要，也非常复杂.

  • 第一个参数表示来自客户端浏览器的请求，第二个参数用来设置对本次请求的响应。它们的形参名并不重要，但是，一般第一个参数名使用req或者request表示，第二个参数使用res或者resposne表示。

  • 当某个客户端来请求这个服务器时，这个函数会自动调用，同时会自动给这两个参数赋值。第一个参数中包括本次请求的信息。

    • req：请求
      • req.url。本次请求的地址
      • req.method。 获取请求行中的请求方法
      • req.headers。 获取请求头

  • 第二个参数用来设置本服务器对这次请求的处理。

    • 这个参数一般命名是res，它是一个对象，其中有很多方法和属性。

    • res.end()

      • 把把本次的处理结果返回给客户端浏览器
      • 如果不写这一句，则客户端浏览器永远收不到响应。

    • res.setHeader() 设置响应头，比如设置响应体的编码

      res.setHeader('content-type', 'text/html;charset=utf-8');

    • res.statusCode 设置状态码

根据不同 url 地址处理不同请求

前面已经可以对浏览器的请求做出响应了，但是响应的内容总是一样的。能不能根据url的不同，做出合适的响应呢？当然可以，那么首先就需要知道浏览器请求的url是什么。

涉及到和请求相关的信息，都是通过请求响应处理函数的第一个参数完成的。代码示例

// http.js
// 引入核心模块http
const http = require('http');

// 创建服务
const server = http.createServer(function(req, res) {
  if(req.url === "/a.html"){
      // 读出文件内容
      // 通过res.end()返回
  }
  else if(req.url === "/b.html"){
      
  }
    else{
        res.end("");
    }
});
// 启动服务
server.listen(8081, function() {
  console.log('success');
});

res.setHeader(‘content-type’, ‘text/html;charset=utf-8’);

HTTP 协议

HTTP 协议是什么

  • HTTP(HyperText Transfer Protocol) 超文本传输协议。
  • 协议双方： 浏览器与web服务器都要遵守的协议
  • 请求通常是由像浏览器这样的接受方发起的
  • HTTP 协议中明确规定了请求数据和响应数据的格式(报文)
    • 浏览器 请求 资源 要遵守 http 协议： 请求报文
    • 服务器 返回 资源 要遵守 http 协议： 响应报文

请求报文

http协议规定了浏览器向服务器发请求时的格式。

  • 它由三个部分组成
  1. 请求行
  2. 请求头
  3. 请求体（可能是空）
  • 可以使用 chrome network面板来查看请求。
请求行

格式： 请求方法 请求路径 协议及版本

示例：

GET / HTTP/1.1
GET /index.html HTTP/1.1
GET /common/get?id=123&name=jake HTTP/1.1

在http模块中，我们可以通过req.method来获取本次请求的方法。请求路径会在保存在req.url属性中。

const server = http.createServer(function(req, res) {
  console.log(req.method);
  console.log(req.url)
});
请求头
  • 浏览器在向服务器发送请求的时候自动携带的信息，一般不需要主动去设置；
  • 信息是由键值对组成
  • 如果需要设置请求头，使用setRequestHeader方法来设置
  • 参考链接
键值
Host请求的主机
Cache-Control控制缓存（例如：max-age=60 缓存 60 秒）
Accept客户端期望接收的文件的类型，逗号分隔
User-Agent标识什么客户端发送的这次请求
Referer这次请求的来源
Accept-Encoding可以接受的压缩编码
content-type设置传递给服务器的请求体的格式
User-Agent

在服务器端，我们可以通过req.headers来获取所有的请求头信息。

在通过浏览器向web服务器发http请求时，会在请求头中自动附加上一些字段，例如：user-agent字段。这个字段中会记录该浏览器所在的设备的基本信息。例如，这个浏览器是在什么操作系统上运行，版本是什么，等等。 这个请求头到了服务器端之后，我们可以通过req.headers['user-agent']来拿到这个值。分析从这个值中保存的信息再进行后续的处理，例如：

  • 对用户进行画像
  • 统计有多少人，使用平板还是手机来访问这个网部
  • 根据不同的设置进行页面跳转等。
let userAgent = req.headers['user-agent'];
  if (userAgent.includes('Windows')) {
    console.log('你在使用window，pc端！！');
  } else if (userAgent.includes('iPad')) {
    console.log('你在使用iPad端！！');
  } else if (userAgent.includes('iPhone')) {
    console.log('你在使用iPhone！！');
  }

上面的代码对信息的分析比较粗略：只是根据是否包含了某些关键字来区分操作系统，更详细的分析可以参考：zepto.js中对于用户设备的检测

请求体

在向http服务器发请求时，我们会附加上一些数据，例如做用户登陆验证时，我们发post请求会附上用户名和密码，这里的用户名和密码就是通过请求体来发送的。

值得注意的是，get类型的请求没有请求体，它的参数是通过附在url地址后面传递的 。

POST 请求有请求体，请求体就是发送给服务器的数据。

响应报文

http协议规定了服务器向浏览器返回数据时的格式。

  • 它由三个部分组成
  1. 响应行
  2. 响应头
  3. 响应体
响应行

格式： 协议及版本 状态码 说明

-	状态码 ： 用来告诉浏览器服务器处理本次请求的结果。 不同的状态码对应不同的结果。

示例：

HTTP/1.1 200 OK
HTTP/1.1 404 Not Found 
// 状态码：
// - 描述了请求过程中所发生的情况
// - 每个状态码的第一位数字都用于描述状态的一般类别("成功"、"出错"等)
// - 常见状态码及含义
//   - 200 - 成功
//   - 302 - 重定向
//   - 304 - 读取缓存
//   - 404 - 请求的资源不存在
//   - 500 - 服务器内部错误
//

可以通过res.statusCode 来设置响应码。

res.statusCode

参考链接 https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status

响应头
  • 服务器返回响应的时候携带了附加信息
  • 由键值对组成
  • 每个请求的响应头可能都不一样：它完全取决于服务器；

几个常见的响应头

键值
Date响应时间
Server服务器信息
Content-Type响应体的内容类型
Content-Length响应的内容大小

可以通过如下代码来模拟

格式是：

res.setHeaders('键','值');

示例

const server = http.createServer(function(req, res) {
  res.setHeaders('content-type','text/html;charset=utf8')
});
响应体

本次请求返回的主体内容。根据请求的不同，返回的内容也不同：

  • 如果请求的是网页返回网页的内容
  • 如果请求的是css返回样式文件的内容
  • 如果请求的是图片返回图片的内容
  • …

在代码中，响应体的内容体现在res.end()中的内容上。

res.end(响应体)

使用 nodemon来自动重启http服务

我们每次修改了代码，都需要重启http服务器:

  1. 进入控制台
  2. 按下ctrl+c，停止已有http服务器。
  3. 手动运行：node index.js 来重启服务器。

这会很麻烦。

有没有一个工具会自动检测到我们的修改并自动重新运行我们的代码呢？

有，它叫nodemon。https://www.npmjs.com/package/nodemon

安装 nodemon

通过npm包管理工具来进行安装。任意打开一个小黑窗，输入如下命令

npm install -g nodemon

此操作需要联网，根据网络速度所耗时间不同。

  • npm是一个工具。用来管理node代码中要使用的第三方模块。它是随着node的安装而自动安装的：如果你安装node，则npm也已经安装过了，你可以直接使用。

使用nodemon

等待安装成功之后，使用方法也非常简单：在命令中，使用nodemon来代替node。

例如，

node server.js  // 
// 改成 nodemon server.js
nodemon server.js

它的好处在于会自动监听server.js这个文件的变化，如果变化了，就会重新自动再去运行。相当于是：

while(server.js 变化了){
  node server.js
}

说明：

  • 它是一个第三方的包（其它程序员写的工具），我们这里是通过全局安装的方式进行。

http模块-处理静态资源

静态资源指的是html文件中链接的外部资源，如css、js、image文件等等。

处理二次请求

从服务器获取html文件之后，如果这个html文件中还引用了其它的外部资源（图片，样式文件等），则浏览器会重新再发请求。

假设在index.html中还引入了 style.css 1.png 或者 .js文件，则：

浏览器请求localhost:index.html之后，得到的从服务器反馈的内容，解析的过程中还发现有外部的资源，所以浏览器会再次发出第二次请求，再去请求相应的资源。

一个最朴素的想法是根据不同的请求来返回不同的文件。

const http = require('http');
const fs = require('fs');
const path = require('path');

//创建服务器
const app = http.createServer((req, res) => {

  if (req.url === '/index.html') {
    let htmlString = fs.readFileSync(path.join(__dirname, 'index.html'));
    res.end(htmlString);
  }
  else if (req.url === '/style.css') {
    let cssString = fs.readFileSync(path.join(__dirname, 'style.css'));
    res.setHeader('content-type', 'text/css');
    res.end(cssString);
  } else if (req.url === '/1.png') {
    let pngString = fs.readFileSync(path.join(__dirname, '/1.png'));
    res.end(pngString);
  } else {
    res.setHeader('content-type', 'text/html;charset=utf-8');
    res.statusCode = 404;
    res.end('<h2>可惜了, 找不到你要的资源' + req.url + '</h2>');
  }
}); 
//启动服务器，监听8082端口
app.listen(8082, () => {
  console.log('8082端口启动');
});

为不同的文件类型设置不同的 Content-Type

通过使用res对象中的setHeader方法，我们可以设置content-type这个响应头。这个响应头的作用是告诉浏览器，本次响应的内容是什么格式的内容。以方便浏览器进行处理。

常见的几中文件类型及content-type如下。

  • .html：res.setHeader('content-type', 'text/html;charset=utf-8')
  • .css：res.setHeader('content-type', 'text/css;charset=utf-8')
  • .js：res.setHeader('content-type', 'application/javascript')
  • .png：res.setHeader('content-type', 'image/png')

其它类型，参考这里：https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types

批量处理请求

由于我们不法事先得知一个.html文件中会引用多少个静态资源，所以，我们不能像处理某个页面一样去处理它们。我们的解决办法有两大类是：

  1. 把这类静态资源连同所有的.html文件全放在固定的文件夹中。在用户请求时，当判断当前的req.url是在这个文件夹下就是直接读内容，并返回。
// 创建服务器

const fs = require('fs');

// 1. 加载http
const http = require('http');
// 2. 创建server对象
const server = http.createServer((req, res) => {
    // 浏览器请求的是 /message.html
    console.log(req.url);


    fs.readFile('./public' + req.url, (err, data) => {
        if (err) return console.log(err);
        // 没有错误，将读取的结果响应给浏览器
        res.end(data);
    });

    /* if (req.url === '/message.html') {
        fs.readFile('./public/message.html', (err, data) => {
            if (err) return console.log(err);
            // 没有错误，将读取的结果响应给浏览器
            res.end(data);
        });
    } else if (req.url === '/assets/bootstrap.css') {
        fs.readFile('./public/assets/bootstrap.css', (err, data) => {
            if (err) return console.log(err);
            // 没有错误，将读取的结果响应给浏览器
            res.end(data);
        });
    } else if (req.url === '/assets/avatar.png') {
        fs.readFile('./public/assets/avatar.png', (err, data) => {
            if (err) return console.log(err);
            // 没有错误，将读取的结果响应给浏览器
            res.end(data);
        });
    } */
});
// 3. 监听端口，开启服务
server.listen(4000, () => console.log('开始监听 4000'));
    1. 分析后缀名，如果是允许的，就直接返回
const http = require('http');
const fs = require('fs');
const path = require('path');
const url = require('url');
//创建服务器
const app = http.createServer((req, res) => {
  //实现静态web服务器的效果
  // 对于每一个请求，如果它的req.url是.html,.css,.png 这类资源
  // 1. 判断一个url的后缀是不是.html,css。。
  //    获取后缀;
  //    判断
  // 2.我们就直接读入文件，并返回
  console.log(req.url);

  let urlObj = url.parse(req.url);
  let extName = path.extname(urlObj.pathname);
  if (extName === '.html' || extName === '.css' || extName === '.png' || extName === '.bmp') {
    // 拼接绝对路径;
    // console.log(path.join(__dirname, req.url));
    let absolutePath = path.join(__dirname, urlObj.pathname);
    // 如果这个文件存在，就读出并返回
    if (fs.existsSync(absolutePath)) {
      let str = fs.readFileSync(absolutePath);
      res.end(str);
    } else {
      res.statusCode = 404;
      res.end(urlObj.pathname + ' not found!');
    }
  } else {
    res.statusCode = 404;
    res.end(urlObj.pathname + ' not found!');
  }
});
//启动服务器，监听8082端口
app.listen(8082, () => {
  console.log('8082端口启动');
});
状态码含义说明
200OK请求成功
201CREATED创建成功
202UPDATE修改成功
204DELETED删除成功
400BAD REQUEST请求的地址不存在或者包含不支持的参数
401UNAUTHORIZED未授权
403FORBIDDEN被禁止访问
404NOT FOUND请求的资源不存在
422Unprocesable entity[POST/PUT/PATCH] 当创建一个对象时，发生一个验证错误
500INTERNAL SERVER ERROR内部错误
ohh58
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nodejs中文API文档以及部分模块实例
菜鸟karroy
03-05 1549
1、用户→apache、Nginx、Tomact→php；用户→nodejs。 2、nodejs中将有很多的功能，划分为一个个mudule，大陆翻译为模块。这是因为有一些程序需要使用fs（文件读取）功能，有一些不用，所以为了效率，你用啥，你就require啥。 3、http模块： var http = require(&quot;http&quot;); //创建一个服务器，回调函数表示接收到请求之后做的事情。req...
node.js中express框架的使用
weixin_54418006的博客
03-18 4331
1. Express express官网 Express是基于Node.js平台快速、开放、极简的web开发框架。 Express的作用和Node.js内置的http模块类似，是专门用来创建web服务器的。 Express本质就是一个npm上的第三方包，提供了快速创建web服务器的便捷方法。 最常见的两种服务器： Web网站服务器：专门对外提供Web网页资源的服务器 API接口服务器：专门对外提供API接口的服务器 使用Express可以方便、快速的创建Web网站的服务器或API接口的服务器 2. E
node学习笔记
zhangqi96的博客
11-04 230
node node.js基本介绍 node.js是什么 Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时 Node全名是Node.js，但它不是一个js文件，而是一个软件 Node.js是一个基于Chrome V8引擎的ECMAScript的运行环境，在这个环境中可以执行js代码 Node.js提供了大量的工具（AP
Node.js express模块（二）
伏城之外的博客
02-04 1492
Node.js express模块（一）_qfc_128220的博客-CSDN博客 通过前面对比http模块，express模块在开发一个简单服务器的体验，可以发现express模块完全碾压了http模块，接下来我们详细学习下express模块。 认识express模块 express模块也是用来开发web服务器的，下面代码就是基于express开发一个简单的服务器 const express = require('express') const app = express() app.l
node.js(3)：使用Express开发中的中间件
dawn0718的专栏
01-23 874
　　在其他的开发语言比如C#的ASP.net中，中间件是指业务处理中使用到的组件或者模型。 　　在Node.js的Express中，就是指在业务处理流程中系统使用到的“组件”，不过，这个“组件”指的是函数而已。 　　当我们使用Express开发了一个网站，服务器接收到一个来自客户端浏览器的请求之后，最简单的情形就是经过一个函数处理后就返回结果，而普遍存在的场景却是需要连续调用多个处理函数（中间件，middleware）后才能给客户端返回结果。 　　比如，做提取来自客户端的基础信息（IP地址、访问时间、请求的
2021-08-02
qq_45845347的博客
08-03 455
初级前端需要理解的node知识基础储备express基础使用mongo数据库注册的实现登录的实现新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片 不说概念，对照代码，理解操作 基础储备 express基础使用 你可能会用到express-generator脚手架来搭建你的项目。 npm i express 你可以选择全局安装express，也可以选择开发时依赖。 "scripts": { "test": "echo \"Error: no test
NPM详解
qq_43742385的博客
07-02 7539
NPM详解介绍命令执行多个脚本pre & post错误静默消息日志等级从文件中引用路径访问环境变量传递参数命名规则前缀 在拿到一个项目之后，如何看入口文件，如何运行项目，我们都会找到 package.json 中的 script 。 甚至在做项目做久之后，我们会自己写一些脚本来给开发提效，但你知道 NPM 脚本能做什么吗？ 你知道如何传递一个参数给脚本？ 你知道如何执行某个脚本文件么？ 在这篇文章中，我将分享我如何充分利用 NPM 脚本。 介绍 NPM 脚本是 package.json 中定义的一组
linux下安装nodejs
火焰
01-23 618
一、linux下安装nodejs 下载安装包(node-v10.15.0-linux-x64.tar.xz) 使用winSCP上传到/software目录下 解压到当前目录 [root@localhost software]# tar -Jxvf node-v10.15.0-linux-x64.tar.xz [root@localhost software]# ls apache-tomcat-...
Webpack自动化构建工具
TW934440653的博客
10-13 5710
Webpack 第一步 .安装node.js 1.安装淘宝镜像(可选) npm install -g cnpm --registry=https://registry.npm.taobao.org 2.检查node-v 安装教程：https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 3.检查npm-v 第二步 搭建webp...
npm发布包--所遇到的问题
weixin_34392843的博客
05-23 2334
npm发布包： 解决方案--npm adduser的坑：http://www.tuicool.com/articles/FZbYve npm ERR publish 403,nodejs发布包流程：http://www.cnblogs.com/zhoudaozhang/p/4730070.html npm发布注意事项：http://m.blog.csdn.net/artic...
你要知道的 Npm Script 都在这里
Beidan_ever的博客
05-16 1575
在拿到一个项目之后，如何看入口文件，如何运行项目，我们都会找到 package.json 中的 script 。 甚至在做项目做久之后，我们会自己写一些脚本来给开发提效，但你知道 NPM 脚本能做什么吗？ 你知道如何传递一个参数给脚本？ 你知道如何执行某个脚本文件么？ 在这篇文章中，我将分享我如何充分利用 NPM 脚本。 ## 介绍 NPM 脚本是 package.json 中定义的一组内置脚本和自定义脚本。他们的目标是提供一种简单的方法来执行重复的任务，比如： - 启动项目 - 打包项目 - 执行单元
Node.js没有Web容器的概念
huyao的博客
10-21 1345
在Apatch这种Web服务器中，只要打开服务器，那么你就可以在浏览器的地址栏通过相对路劲的方式获取到里面的所有资源。比如服务器的www目录下有一张图片，那么只要在浏览器中输入 domain/some.jpg的方式就可以在客户端直接获取到图片。但在Node中这不行 现在我创建一个文件夹，文件夹中包含 index.js 、hello.html、lvgu.jpg 这三个文件。 其中，在index.j...
Kubernets之Node、Pod和容器的关系
Tine Aine
09-20 5114
Pod根据调度配置分布在Node上，一个Pod可以包含多个容器 Pod中最少存在一个容器（Pause），且Pod内任何容器端口不能冲突 Pod中，所有容器共享网络栈和存储卷，因此可以通过localhost访问同一个Pod中的其他不同容器的资源 Node可承载多个Pod，Pod可承载多个容器 ...
Express，基于 Node.js 平台，快速、开放、极简的 Web 开发框架
最新发布
subsistent的博客
01-26 598
利用use方法和router的配合，我们可以将某一部分的请求单独封装到一个文件中，例如，所有有关用户的请求，都会是/user开头的请求路径，将所有有关用户请求的路由处理，单独封装在一个文件中。当用户发起了一个服务器并没有处理的请求，此时会在页面中输出404，会给用户造成不好的体验感，为了能避免这个问题发生，我们可以在当访问到没有处理的请求的时候，给用户响应自定义内容。如果后面的请求路径，希望在被use方法处理后，可以继续被后面的处理方法处理，可以给use方法的回调函数中，调用next方法。
Node.js创建服务 (利用http和express两种写法)
qq_59599812的博客
09-13 947
服务来喽！
Node.js创建一个Express服务的方法详解
从事厨房信息化行业，万能对接所有点餐系统，kds，智能控菜，酒店协调软件
09-22 864
这篇文章主要介绍了Node.js创建一个Express服务的方法,结合实例形式分析了node.js创建Express服务的具体步骤、实现方法及相关操作技巧,需要的朋友可以参考下本文实例讲述了Node.js创建一个Express服务的方法。
使用node.js搭建一个express后端服务器
m0_57301042的博客
11-16 1224
使用node.js搭建一个express后端服务器
webpack打包工具的使用方法
qq_52772997的博客
08-24 1226
webpack的基础使用方法
NodeJS入门教程：一周精通基础与实战
在第一章“NodeJS基础”中，介绍了Node.js的基本概念。Node.js是由Ryan Dahl在2009年创建的，它使得JavaScript可以脱离浏览器环境，在服务器端执行，从而开启了JavaScript在后端开发的新篇章。Node.js的核心特性包括...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值