首页 >> 大全

4.2——Node.js的npm和包

2023-10-16 大全 30 作者:考证青年

② 创建 web 服务器实例

③ 为服务器实例绑定 事件,监听客户端的请求

④ 启动服务器

//1.导入http模块
const http = require('http')//2.创建web服务器实例
const server = http.createServer()//3.为服务器实例绑定request事件,监听客户端的请求
server.on('request', function(req, res){console.log("Some one visit our web server!")
})//4.启动服务器
server.listen(8080, function(){console.log("server running at http://127.0.0.1:8080")//如果是80则可以省略:80
})

req 请求对象和res 响应对象

只要服务器接收到了客户端的请求,就会调用通过 .on() 为服务器绑定的 事件处理函数。

req包含url和,req.url是客户端请求的url地址;req.是客户端请求的类型;

res.end()方法:向客户端发生指定的内容,并结束这次请求的处理过程

//1.导入http模块
const http = require('http')//2.创建web服务器实例
const server = http.createServer()server.on('request', function(req, res){//req.url是客户端请求的url地址const url = req.url//req.method是客户端请求的method类型const method = req.methodconsole.log(`You request url is ${url},and request method is ${method}`)//端口号后面的地址//res.end()方法:向客户端发生指定的内容,并结束这次请求的处理过程str = `Your request url is ${url},and request method is ${method}`res.end(str)
})
server.listen(8080,function(){console.log("server is running at http://127.0.0.1:8080")
})

解决中文乱码问题

当调用 res.end() 方法,向客户端发送中文内容的时候,会出现乱码问题,此时,需要手动设置内容的编码格式:

server.on('request',(req, res) => {//发送的内容包含中文const str =`您请求的url 地址是 ${req.url},请求的method 类型是${req.method}`//l为了防止中文显示乱码的问题,需要设置响应头Content-Type 的值为 text/html;charset=utf-8res.setHeader('Content-Type', 'text/html; charset=utf-8 ')//把包含中文的内容,响应给客户端res.end(str)
})

根据不同的 url 响应不同的 html 内容

核心实现步骤

① 获取请求的 url 地址

② 设置默认的响应内容为 404 Not found

③ 判断用户请求的是否为 / 或 /index.html 首页

④ 判断用户请求的是否为 /about.html 关于页面

⑤ 设置 -Type 响应头,防止中文乱码

⑥ 使用 res.end() 把内容响应给客户端

const http = require('http')const server = http.createServer()server.on('request', function(req, res){// 1. 获取请求的 url 地址const url = req.url// 2. 设置默认的响应内容为 404 Not foundlet content = '

404 not found

'
// 3. 判断用户请求的是否为 / 或 /index.html 首页if(url === '/' || url === '/index.html'){content = '

首页

'
}// 4. 判断用户请求的是否为 /about.html 关于页面if(url === '/about.html'){content = '

关于页面

'
}// 5. 设置 Content-Type 响应头,防止中文乱码res.setHeader('Content-Type','text/html; charset=utf-8')// 6. 使用 res.end() 把内容响应给客户端res.end(content) })server.listen(80, () => {console.log('server is runnig at http://127.0.0.1') })

案例——实现 clock 时钟的 web 服务器

//1.1导入http模块
const http = require('http')//1.2导入fs模块
const fs = require('fs')//1.3导入path模块
const path = require('path')//2.1创建 web 服务器
const server = http.createServer()//2.2监听web服务器的request事件
server.on('request', (req, res) => {//3.1获取到客户端请求的 url 地址//  /sample_code/clock/index.html//  /sample_code/clock/index.css//  /sample_code/clock/index.jsconst url = req.url//3.2把请求的 url 地址映射为具体文件的存放路径const fpath = path.join(__dirname, url)//4.1根据映射过来的文件路径读取文件的内容fs.readFile(fpath,'utf8',function(err, dataStr){//4.2读取失败,向客户端响应固定的"错误消息"if(err) return res.end('404 not found')//4.3读取成功,将读取成功的内容响应给客户端res.end(dataStr)})
})
//2.3启动服务器
server.listen(80, () => {console.log('server is running at http://127.0.0.1')
})

优化路径(使路径省略中间的),也就是帮用户的路径进行拼接

	//把3.2换了,重新拼接路径,减少中间let fpath = ''if(url === '/'){fpath = path.join(__dirname, './sample_code/clock/index.html')}else{//index.html,index.css, index.jsfpath = path.join(__dirname, '/sample_code/clock', url)}

模块化

模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组

合、分解和更换的单元。

Node.js 中根据模块来源的不同,将模块分为了 3 大类,分别是:

⚫ 内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http 等)

⚫ 自定义模块(用户创建的每个 .js 文件,都是自定义模块)

⚫ 第三方模块(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载)

使用强大的 () 方法,可以加载需要的内置模块、用户自定义模块、第三方模块进行使用

注意:使用 () 方法加载其它模块时,会执行被加载模块中的代码。只有用户自定义模块需要写的是路径,内部模块和第三方模块的都是差不多的写法。

在使用加载用户自定义模块期间,可以省略.js的后缀名

Node.js 中的模块作用域

和函数作用域类似,在自定义模块中定义的变量、方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域,防止了全局变量污染的问题

只会打印{},而非

如何共享作用域成员

在每个 .js 自定义模块中都有一个 对象,它里面存储了和当前模块有关的信息,

. 对象

1.在自定义模块中,可以使用 . 对象,将模块内的成员共享出去,供外界使用。

2.外界用 () 方法导入自定义模块时,得到的就是 . 所指向的对象

结果如下,可以打印出来了

共享成员时的注意点

使用 () 方法导入模块时,导入的结果,永远以 . 指向的对象为准。

对象(重要理解)

由于 . 单词写起来比较复杂,为了简化向外共享成员的代码,Node 提供了 对象。默认情况下, 和 . 指向同一个对象。最终共享的结果,还是以 . 指向的对象为准。(也就是上面的可以代替.并且所指向的都一个对象)

//向module.exorts对象上挂载username属性
exports.username = '张三'
//向module.exports对象上挂载sayHello方法
module.exports.sayHello = function(){console.log("Hello")
}
const age = 20
module.exports.age = age

exports.username = 'zs' 
module.exports = {gender: '男',age: 22
}

和 . 的使用误区

时刻谨记,() 模块时,得到的永远是 . 指向的对象(可以画图,初始.和都指向同一个对象,后面看有无新的对象{…}赋值)

为了防止混乱,建议大家不要在同一个模块中同时使用 和 .

Node.js 中的模块化规范

Node.js 遵循了 模块化规范, 规定了模块的特性和各模块之间如何相互依赖。(其实前面已经用过了)

规定:

① 每个模块内部, 变量代表当前模块。

② 变量是一个对象,它的 属性(即 .)是对外的接口。 ③ 加载某个模块,其实是加载该模块的 . 属性。() 方法用于加载模块。

npm与包

Node.js 中的第三方模块又叫做包。Node.js 中的包都是免费且开源的,不需要付费即可免费下载使用。

从哪里下载包

国外有一家 IT 公司,叫做 npm, Inc. 这家公司旗下有一个非常著名的网站: ,它是全球最大的包共享平台,你可以从这个网站上搜索到任何你需要的包。他也提供了一个地址为 的服务器,来对外共享所有的包,我们可以从这个服务器上下载自己所需要的包。

也就是从第一个网站搜索自己所需要的包,从第二个服务器上下载自己所需要的包。

格式化时间的传统做法

//1.定义格式化时间的方法
function dataFormat(dataStr){const dt = new Date(dataStr)const y = dt.getFullYear()const m = padZero(dt.getMonth()+1)const d = padZero(dt.getDate())const hh = padZero(dt.getHours())const mm = padZero(dt.getMinutes())const ss = padZero(dt.getSeconds())return `${y}-${m}-${d} ${hh}:${mm}:${ss}`}//补零函数
function padZero(n){return n > 9 ? n : '0'+n
}//暴露的对象里面是一个函数
module.exports = {dataFormat
}

const TIME = require('./11dataFormat')const thisData = new Date()console.log(thisData)
console.log(TIME.dataFormat(thisData))//注意TIME是一个对象,dataFormat只是里面的一个方法,//2022-11-17T09:34:02.008Z
//2022-11-17 17:34:02

格式化时间的高级做法

① 使用 npm 包管理工具,在项目中安装格式化时间的包

4.2——Node.js的npm和包__4.2——Node.js的npm和包

② 使用 () 导入格式化时间的包

③ 参考 的官方 API 文档对时间进行格式化

// 1.导入moment包
const moment = require('moment')
// 2.参考moment官方API文档,调用对应的方法,对时间进行格式化1/ 2.1调用moment()方法,得到当前的时间
// 2.2针对当前的时间,调用format()方法,按照指定的格式进行时间的格式化
const dt = moment().format('YYYY-MM-DD HH:mm:ss')
console.log(dt) //输出2020-01-12 17:23:48

进入网站搜索包名找到精确匹配的一个进去后查看文档,然后往下翻,可以看到告诉的安装和使用方法

一个M不补0,两个MM补零,其余同理

在项目中安装包的命令

下面两种方式都可以,第二种简写

npm 包的名称

npm i 包的名称

初次装包完成后,在项目文件夹下多一个叫做 的文件夹和-lock.json 的配置文件。其中:

文件夹用来存放所有已安装到项目中的包。() 导入第三方包时,就是从这个目录中查找并加载包。

-lock.json 配置文件用来记录 目录下的每一个包的下载信息,例如包的名字、版本号、下载地址等。

注意:程序员不要手动修改 或 -lock.json 文件中的任何代码,npm 包管理工具会自动维护它们。

npm i 包名@版本

npm i @2.22.2

包管理配置文件

npm 规定,在项目根目录中,必须提供一个叫做 .json 的包管理配置文件。用来记录与项目有关的一些配置

信息。例如:

⚫ 项目的名称、版本号、描述等

⚫ 项目中都用到了哪些包

⚫ 哪些包只在开发期间会用到

⚫ 那些包在开发和部署时都需要用到

如何记录项目中安装了哪些包

在项目根目录中,创建一个叫做 .json 的配置文件,即可用来记录项目中安装了哪些包。从而方便剔除 目录之后,在团队成员之间共享项目的源代码。注意:今后在项目开发中,一定要把 文件夹,添加到 . 忽略文件中。

npm 包管理工具提供了一个快捷命令,可以在执行命令时所处的目录中,快速创建 .json 这个包管理

配置文件:

① 上述命令只能在英文的目录下成功运行!所以,项目文件夹的名称一定要使用英文命名,不要使用中文,不能出现空格。

② 运行 npm 命令安装包的时候,npm 包管理工具会自动把包的名称和版本号,记录到 .json 中。

节点

安装多个包的时候,可以使用空格来分隔

.json 文件中,有一个 节点,专门用来记录您使用 npm 命令安装了哪些包(多个之间按照空格分隔)

一次性安装所有的包npm

当我们拿到一个剔除了 的项目之后,需要先把所有的包下载到项目中,才能将项目运行起来。只要.json还在,里面有可以进行下载。可以运行 npm 命令(或 npm i)一次性安装所有的依赖包:

否则无包会报类似于下面的错误:

卸载包

可以运行 npm 命令,来卸载指定的包。注意:npm 命令执行成功后,会把卸载的包,自动从 .json 的 中移除掉。

节点

如果某些包只在项目开发阶段会用到,在项目上线之后不会用到,则建议把这些包记录到 节点中。与之对应的,如果某些包在开发和项目上线之后都需要用到,则建议把这些包记录到 节点中。

您可以使用如下的命令,将包记录到 节点中:

解决下包速度慢的问题

在使用 npm 下包的时候,默认从国外的 服务器进行下载,此时,网络数据的传输需要经

过漫长的海底光缆,因此下包速度会很慢。

默认是官方服务器npm get

切换到淘宝的

npm set =

nrm

为了更方便的切换下包的镜像源,我们可以安装 nrm 这个小工具,利用 nrm 提供的终端命令,可以快速查看和切换下

包的镜像源。

-g表示全局可用

包的分类

使用 npm 包管理工具下载的包,共分为两大类,分别是:

⚫ 项目包

⚫ 全局包

那些被安装到项目的 目录中的包,都是项目包。

项目包又分为两类,分别是:

⚫ 开发依赖包(被记录到 节点中的包,只在开发期间会用到)

⚫ 核心依赖包(被记录到 节点中的包,在开发期间和项目上线之后都会用到)

全局包

在执行 npm 命令时,如果提供了 -g 参数,则会把包安装为全局包。

全局包会被安装到 C:\Users\用户目录\\\npm\ 目录下。

① 只有工具性质的包,才有全局安装的必要性。因为它们提供了好用的终端命令。

② 判断某个包是否需要全局安装后才能使用,可以参考官方提供的使用说明即可

是一个可以把 md 文档转为 html 页面的小工具,使用步骤如下

规范的包结构

在清楚了包的概念、以及如何下载和使用包之后,接下来,我们深入了解一下包的内部结构。

一个规范的包,它的组成结构,必须符合以下 3 点要求:

① 包必须以单独的目录而存在

② 包的顶级目录下要必须包含 .json 这个包管理配置文件

③ .json 中必须包含 name,,main 这三个属性,分别代表包的名字、版本号、包的入口。

注意:以上 3 点要求是一个规范的包结构必须遵守的格式,关于更多的约束,可以参考如下网址:

自定义包

1.首先需要三个文件,index.js,.json,.md

① 新建 -tools 文件夹,作为包的根目录

② 在 -tools 文件夹中,新建如下三个文件:

⚫ .json (包管理配置文件)

⚫ index.js (包的入口文件)

⚫ .md (包的说明文档)

关于更多 许可协议相关的内容,可参考

{"name": "itheima-tools","version": "1.0.0","main": "index.js","description": "提供了格式化时间、HTMLEscape相关的功能","keywords": ["tiheima","dataFormat","escape"],"license": "ISC"
}

//1.定义格式化时间的方法
function dataFormat(dataStr){const dt = new Date(dataStr)const y = dt.getFullYear()const m = padZero(dt.getMonth()+1)const d = padZero(dt.getDate())const hh = padZero(dt.getHours())const mm = padZero(dt.getMinutes())const ss = padZero(dt.getSeconds())return `${y}-${m}-${d} ${hh}:${mm}:${ss}`}//补零函数
function padZero(n){return n > 9 ? n : '0'+n
}//htmlEscap
function htmlEscape(htmlStr) {//正则表达式表示小于符号,大于符号,双引号,&符号,其中是或的关系,以及全局匹配greturn htmlStr.replace(/<|>|"|&/g,(match) => {switch(match){case '<':return '<'case '>':return '>'case '"':return '"'case '&':return '&'}})
}
//定义还原html字符串的函数
function htmlUnEscape(str){return str.replace(/<|>|"|&/g, (match) => {switch(match){case '<':return '<'case '>':return '>'case '"':return '"'case '&':return '&'}})}//暴露的对象里面是一个函数
module.exports = {data,escape,
}

//测试包
const itheima = require('./itheima-tools/index')//测试时间格式
const thisData = new Date()
console.log(thisData)
console.log(itheima.dataFormat(thisData))//注意TIME是一个对象,dataFormat只是里面的一个方法,//转移html字符串,防止用户提交的时候变成一个干扰的
const htmlStr = '

这是h1标签123 

'
htmlEscap = itheima.htmlEscape(htmlStr) console.log(htmlEscap)//还原html字符串 console.log(itheima.htmlUnEscap(htmlEscap))

js中除了对应的函数外还要暴露

module.exports = {htmlEscape,htmlUnEscape
}

module.exports = {dataFormat
}

使得index.js只包含引用和

const data = require('./src/dataFormat')
const escape = require('./src/htmlEscape')//暴露的对象里面是一个函数
module.exports = {...data,...escape,
}

测试的代码是没有变的

//和11传统的一样,测试包const itheima = require('./itheima-tools/index')//要不要index都一样//测试时间格式
const thisData = new Date()
console.log(thisData)
console.log(itheima.dataFormat(thisData))//注意TIME是一个对象,dataFormat只是里面的一个方法,
console.log('========================')//封装成src画个斜线区分,//转移html字符串,防止用户提交的时候变成一个干扰的
const htmlStr = '

这是h1标签123 

'
htmlEscap = itheima.htmlEscape(htmlStr) console.log(htmlEscap) console.log('========================')//还原html字符串 // console.log(itheima.htmlUnEscap(htmlEscap)) // console.log('========================')

发布包

注册 npm 账号

① 访问 网站,点击 sign up 按钮,进入注册用户界面

② 填写账号相关的信息:Full Name、 Email、、

③ 点击 an 按钮,注册账号

④ 登录邮箱,点击验证链接,进行账号的验证

登录 npm 账号

npm 账号注册完成后,可以在终端中执行 npm login 命令,依次输入用户名、密码、邮箱后,即可登录成功。注意:在运行 npm login 命令之前,必须先把下包的服务器地址切换为 npm 的官方服务器。否则会导致发布包失败!(nrm npm即可切换到官网 ,查看是nrm ls)

把包发布到 npm 上

将终端切换到包的根目录之后,运行 npm 命令,即可将包发布到 npm 上(注意:包名不能雷同)。

4. 删除已发布的包

运行 npm 包名 --force 命令,即可从 npm 删除已发布的包。

注意:

① npm 命令只能删除 72 小时以内发布的包

② npm 删除的包,在 24 小时内不允许重复发布

③ 发布包的时候要慎重,尽量不要往 npm 上发布没有意义的包!

模块的加载机制

优先从缓存中加载

模块在第一次加载后会被缓存。 这也意味着多次调用 () 不会导致模块的代码被执行多次。注意:不论是内置模块、用户自定义模块、还是第三方模块,它们都会优先从缓存中加载,从而提高模块的加载效率。

内置模块的加载机制

内置模块是由 Node.js 官方提供的模块,内置模块的加载优先级最高。

例如,(‘fs’) 始终返回内置的 fs 模块,即使在 目录下有名字相同的包也叫做 fs。

自定义模块的加载机制

使用 () 加载自定义模块时,必须指定以 ./ 或 ../ 开头的路径标识符。在加载自定义模块时,如果没有指定 ./ 或 …/ 这样的路径标识符,则 node 会把它当作内置模块或第三方模块进行加载。同时,在使用 () 导入自定义模块时,如果省略了文件的扩展名,则 Node.js 会按顺序分别尝试加载以下的文件:

① 按照确切的文件名的文件进行加载

② 补全 .js 扩展名进行加载

③ 补全 .json 扩展名进行加载

④ 补全 .node 扩展名进行加载

⑤ 加载失败,终端报错

第三方模块的加载机制

如果传递给 () 的模块标识符不是一个内置模块,也没有以 ‘./’ 或 ‘../’ 开头,则 Node.js 会从当前模块的父目录开始,尝试从 / 文件夹中加载第三方模块。如果没有找到对应的第三方模块,则移动到再上一层父目录中,进行加载,直到文件系统的根目录。

例如,假设在 ‘C:\Users\\\foo.js’ 文件里调用了 (‘tools’),则 Node.js 会按以下顺序查找:

① C:\Users\\\\tools

② C:\Users\\\tools

③ C:\Users\\tools

④ C:\\tools

目录作为模块

当把目录作为模块标识符,传递给 () 进行加载的时候,有三种加载方式(结合上面包不难理解,包的三个文件.json和index.js,前者的main指向的一般是index.js但也可能不是):

① 在被加载的目录下查找一个叫做 .json 的文件,并寻找 main 属性,作为 () 加载的入口

② 如果目录里没有 .json 文件,或者 main 入口不存在或无法解析,则 Node.js 将会试图加载目录下的 index.js 文件。 ③ 如果以上两步都失败了,则 Node.js 会在终端打印错误消息,报告模块的缺失:Error: find ‘xxx’

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了