目录
一? 思考
二?介绍
三?fs文件系统模块
(1)fs读取文件内容
(2)向指定文件写入内容
(3)处理路径问题
?(4)路径拼接
?四?http模块
?(1)介绍
?(2)服务器相关的概念
?(3)创建web服务器的基本步骤
?(4)?根据不同url响应不同的html页面
(5)?实现web服务器
?五?模块化
?(1)分类
(2)模块作用域
(3)module.exports对象
?(4)exports对象
?(5)CommonJS规范
一? 思考
(1)为什么JavaScript可以在浏览器中被执行
? ? ? ?借助JavaScript解析引擎。
? ? ? 不同的浏览器使用不同的JavaScript解析引擎:
?Chrome浏览器=> V8 ?Firefox浏览器=> OdinMonkey (奧丁猴) Safri浏览器=> JSCore IE浏览器=> Chakra (查克拉)
?(2)为什么JavaScript可以操作DOM和BOM?
? ? ? ??每个浏览器都内置了DOM、BOM 这样的API函数,因此,浏览器中的JavaScript 才可以调 用它们。
?(3)浏览器中的JavaScript运行环境(以谷歌浏览器为例)
? ? ? ? V8负责解析和执行Javascript代码,内置API是由运行环境(浏览器)提供的特殊接口,只能在所属的运行环境中被调用。
二?介绍
node.js是一个基于Chrome V8引擎的JS运行环境
浏览器是JavaScript的前端运行环境。 Node.js是JavaScript的后端运行环境。 Node.js中无法调用DOM和BOM等浏览器内置API。?原因:Node.js是一个独立的运行环境,它提供了跟node相关的API,没有提供DOM和BOM等API。
(1)使用node运行js代码:
①打开终端 ②输入node要执行的js文件的路径
(2)在Node.js环境中执行JavaScript代码 ? ?终端中的快捷键: 在Windows的powershell或cmd终端中,我们可以通过如下快捷键,来提高终端的操作效率: ①使用↑键,可以快速定位到上一 次执行的命令 ②使用tab键,能够快速补全路径 ③使用esc键,能够快速清空当前已输入的命令 ④输入cls命令,可以清空终端
三?fs文件系统模块
(1)fs读取文件内容
//导入fs 模块,来操作文件
const fs=require('fs');
// 2.调用fs. readFile() 方法读取文件
//参数1:读取文件的存放路径
//参数2:读取文件时候采用的编码格式,-般默认指定utf8
//参数3:回调函数,拿到读取失败err和成功的结果dataStr
fs.readFile('01.txt','utf8',function(err,dataStr){
// 2.1打印失败的结果
//如果读取成功,则err的值为null
//如果读取失败,则err的值为错误对象,dataStr 的值为undefined
console.log(err);
console.log('----------');
//打印成功的结果
console.log(dataStr);
})
(2)向指定文件写入内容
fs.writeFile()方法只能用来创建文件,不能用来创建路径 重复调用fs.writeFile0 写入同一个文件,新写入的内容会覆盖之前的旧内容?
const fs=require('fs');
fs.writeFile('7.txt','abcd',function(err){
// 如果文件写入成功,则err的值等于null
// 如果文件写入失败,则err的值等于一个 错误对象
//如果指定文件不存在会自动创建一个文件
//console.log(err)
if(err){
return console.log('文件写入失败'+err.message)
}
console.log('文件写入成功')
})
(3)处理路径问题
在使用fs模块操作文件时,如果提供的操作路径是以1或./开头的相对路径时,很容易出现路径动态拼接错误的问题。 原因:代码在运行的时候,会以执行node命令时所处的目录,动态拼接出被操作文件的完整路径。 解决方案:
1)在使用fs模块操作文件时,直接提供完整的路径,不要提供.或./开头的相对路径,从而防止路径动态拼接的问题。但是写绝对路径移植性非常差,不利于维护
2)用__dirname,__dirname可以显示当前文件所处的目录
?(4)路径拼接
如果要在JavaScript代码中,使用path模块来处理路径,则需要使用如下的方式先导入它: const path = require( ' path' )
?四?http模块
?(1)介绍
http模块是Node.js方提供的、用来创建web服务器的模块。
通过http模块提供的http.createServer(方法,就能方便的把一台普通的电脑,变成一台Web服务器,从而对外提供Web资源服务。 如果要希望使用http模块创建Web服务器,则需要先导入它: const http=require('http')
服务器和普通电脑的区别在于,服务器上安装了web服务器软件,例如: IIS、 Apache 等。通过安装这些服务器软件,就能把一台普通的电脑变成一台web服务器。 在Node.js中,我们不需要使用IIS、Apache 等这些第三方web服务器软件。因为我们可以基于Node.js提供的http模块,通过几行简单的代码,就能轻松的手写一个服务器软件,从而对外提供web服务。
?(2)服务器相关的概念
IP地址就是互联网上每台计算机的唯一地址,因此IP地址具有唯一性。 只有在知道对方IP地址的前提下,才能与对应的电脑之间进行数据通信。 IP地址的格式:通常用"点分十进制"表示成(a.b.c.d) 的形式,中,a,b,c,d 都是0~255之间的十进制整数。例如:用点分十进制表示的IP地址(192.168.1.1) 例: 互联网中每台Web服务器,都有自己的IP地址,例如:大家可以在Windows的终端中运行ping www.baidu.com命令,即可查看到百度服务器的IP地址。
IP地址和域名是一对应的关系, 这份对应关系存放在一种叫做域名服务器(DNS, Domain name server)的电脑中。使用者只需通过好记的域名访问对应的服务器即可,对应的转换工作由域名服务器(DNS)实现。因此,域名服务器就是提供IP地址和域名之间的转换服务的服务器。
在一台电脑中,可以运行成百上千个web服务。每个web服务都对应一个唯一 的端口号。 客户端发送过来的网络请求,通过端口号,可以被准确地交给对应的web服务进行处理。
每个端口号不能同时被多个web服务占用。 在实际应用中,URL中的80端口可以被省略。非80端口是不能省略的
?(3)创建web服务器的基本步骤
①导入http模块
const http=require('http') ②创建web服务器实例
调用http.createServer()方法,即可快速创建一一个 web服务器实例: ?const server = http. createServer() ③为服务器实例绑定request事件,监听客户端的请求
//使用服务器实例的.on() 方法,为服务器绑定个request 事件
server . on( ' request', (req, res) => {
//只要有客户端来请求我们自己的服务器,就会触发request 事件,从而调用这个事件处理函数
console . log( ' Someone visit our web server.' )
})
④启动服务器
//调用server .listen(端口号, cb回调)方法,即可启动web服务器
server .listen(80, () => {
console. log( 'http server running at http://127 0.0.1')
//如果指定端口号非80,则 http://127 0.0.1:端口号
})
?如果想在事件处理函数中,访问与客户端相关的数据或属性,可以使用如下的方式:
//req是请求对象,包含了与客户端相关的数据与属性
server.on('request',req=>{
//req.url是客户端请求的URL地址
const url=req.url
//req.method是客户端请求的method类型
const method=req.method
const str=`Your request url is ${url},and request method is ${method}`
console.log(str)
})
?在服务器的request事件处理函数中,如果想访问与服务器相关的数据或属性,可以使用如下的方式 ?
server . on( ' request', (req, res) => {
?// res 是响应对象,它包含了与服务器相关的数据和属性,例如:
?//要发送到客户端的字符串
const str =‘Your request url is ${req.url}, and request method is ${ req.method}
?// res . end() 方法的作用:向客户端发送指定的内容,并结束这次请求的处理过程
res.end(str )
})
当调用res.end) 方法,向客户端发送中文内容的时候,会出现乱码问题,此时,需要手动设置内容的编码格式:
server on( 'request', (req, res) = {
//发送的内容包含中文
const str =您请求的 url地址是${req.url}, 请求的method类型是${req.method}
//为了防止中文显示乱码的问题,需要设置响应头Content-Type 的值为text/html; charset=utf-8
res . setHeader( ' Content-Type',' text/html; charset=utf-8' )
//把包含中文的内容,响应给客户端
res . end(str )
?(4)?根据不同url响应不同的html页面
const http=require('http')
const server=http.createServer()
server.on('request',(req,res)=>{
//获取请求的url地址
const url=req.url
//设置默认的响应内容为404 Not found
let content='<h1>404 Not found</h1>'
// 3.判断用户请求的是否为/或/index.html 首页
//4.判断用户请求的是否为/about. html 关于页面
if(url==='/'||url==='/index.html'){
content='<h1>首页</h1>'
}else if(url==='/about.html'){
content='<h1>关于页面</h1>'
}
//设置Content-Type 响应头,防止中文乱码
res.setHeader('Content-Type','text/html;charset=utf-8')
res.end(content)
})
server.listen(80,()=>{
console.log('server running at http://127.0.0.1')
})
(5)?实现web服务器
?实现步骤:
①导入需要的模块
/ 1.1导入http模块(创建服务器)
const http = require('http')
// 1.2导入fs文件系统模块(读取文件)
const fs = require('fs')
// 1.3导入path路径处理模块(处理路径)
const path=require('path')
②创建基本的web服务器
// 2.1 创建web服务器
const server = http . createServer()
// 2.2 监听web服务器的request 事件
server . on( 'request', function(req, res) {})
// 2.3启动web服务器
server.listen(80, function() {
console.log(
server listen at http://127.0.0.1')
})
③将资源的请求url地址映射为文件的存放路径
// 3.1 获取到客户端请求的url地址
const url = req.url
// 3.2把请求的urf地址,映射为本地文件的存放路径
const fpath = path.join(__ dirname, url)
④读取文件内容并响应给客户端
// 4.1 根据"映射"过来的文件路径读取文件
fs.readFile(fpath, 'utf8', (err, dataStr) => {
// 4.2读取文件失败后,向客户端响应固定的"错误消息”
if(err) return res.end( '404 Not found.' )
// 4.3读取文件成功后,将"读取成功的内容”响应给客户端
res.end(dataStr)
})
⑤优化资源的请求路径
// ***将3.2的实现方式,改为如下代码***
/1 5.1预定义空白的文件存放路径
let fpath
if (url === '/') {
// 5.2如果请求的路径是为/,则手动指定文件的存放路径
fpath = path.join(__dirname, './clock/index.html' )
} else {
/ 5.3如果请求的路径不为/,则动态拼接文件的存放路径
fpath = path.join(__dirname, './clock',url)
}
?五?模块化
?(1)分类
Node.js中根据模块来源的不同,将模块分为了3大类,分别是: ●内置模块(内置模块是由Node.js官方提供的,例如fs、 path、 http等) ●自定义模块(用户创建的每个js文件,都是自定义模块) ●第三方模块(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载) 使用强大的require0方法,可以加载需要的内置模块、户自定义模块、第三方模块进行使用。 注意:使用require(方法加载其它模块时,会执行被加载模块中的代码。加载自定义模块时要指定文件路径。(在使用require 加载用户自定义模块期间,可以省略.js 的后缀名)
(2)模块作用域
和函数作用域类似,在自定义模块中定义的变量、方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域。 好处:防止全局变量污染
在每个js自定义模块中都有一个module对象,它里面存储了和当前模块有关的信息
(3)module.exports对象
在自定义模块中,可以使用module.exports对象,将模块内的成员共享出去,供外界使用。外界用require()方法导入自定义模块时,得到的就是module.exports所指向的对象。 使用require0方法导入模块时,导入的结果,永远以module.exports指向的对象为准。
(4)exports对象
由于module.exports单词写起来比较复杂,为了简化向外共享成员的代码, Node提供了exports 对象。默认情况下,exports 和module.exports指向同一个对象。最终共享的结果,还是以module. exports指向的对象为准。 为了防止混乱,建议大家不要在同一个模块中同时使用exports和module. exports
(5)CommonJS规范
CommonJS规定: ①每个模块内部,module 变量代表当前模块。 ②module 变量是一个对象,它的exports属性(即module.exports)是对外的接口。 ③加载某个模块,其实是加载该模块的module.exports属性。require()方法用于加载模块。 ?
?
?
|