node.js入门教程(一)

1. 初识 Node.js

Node.js 是 一个基于 Chrome V8 引擎的 JavaScript 运行环境
Node.js 的官网地址: https://nodejs.org/zh-cn/
① 浏览器 是 JavaScript 的 前端运行环境
② Node.js 是 JavaScript 的 后端运行环境
③ Node.js 中 无法调用 DOM 和 BOM 等
浏览器内置 API

2. fs 文件系统模块

fs 模块 是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。
fs.readFile() 方法,用来 读取 指定文件中的内容
fs.writeFile() 方法,用来向指定的文件中 写入 内容
如果要在 JavaScript 代码中,使用 fs 模块来操作文件,则需要使用如下的方式先导入它:

1. fs.readFile() 的语法格式
使用 fs.readFile() 方法,可以读取指定文件中的内容,语法格式如下:

2. fs.readFile() 的示例代码
以 utf8 的编码格式,读取指定文件的内容,并打印 err 和 dataStr 的值

  

3. 判断文件是否读取成功
可以判断 err 对象是否为 null,从而知晓文件读取的结果:

1. fs.writeFile() 的语法格式
使用 fs.writeFile() 方法,可以向指定的文件中写入内容,语法格式如下:

2. fs.writeFile() 的示例代码
向指定的文件路径中,写入文件内容:

3. 判断文件是否写入成功
可以判断 err 对象是否为 null,从而知晓文件写入的结果:

2.6 fs 模块 - 路径动态拼接的问题
  • 在使用 fs 模块操作文件时,如果提供的操作路径是以 ./ ../ 开头的相对路径时,很容易出现路径动态拼接错误的问题。
  • 原因:代码在运行的时候,会以执行 node 命令时所处的目录,动态拼接出被操作文件的完整路径。
  • 解决方案:在使用 fs 模块操作文件时,直接提供完整的路径,不要提供 ./ 或 ../ 开头的相对路径,从而防止路径动态拼接的问题
3. path 路径模块
path 模块 是 Node.js 官方提供的、用来 处理路径 的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理
path.join() 方法,用来 将多个路径片段拼接成一个完整的路径字符串
path.basename() 方法,用来从路径字符串中,将文件名解析出来
如果要在 JavaScript 代码中,使用 path 模块来处理路径,则需要使用如下的方式先导入它:

 

1. path.join() 的语法格式
使用 path.join() 方法,可以把多个路径片段拼接为完整的路径字符串,语法格式如下:

1. path.basename() 的语法格式
使用 path.basename() 方法,可以获取路径中的最后一部分,经常通过这个方法获取路径中的文件名,语法格式如下:

3.4 获取路径中的文件扩展名
1. path.extname() 的语法格式
使用 path.extname() 方法,可以获取路径中的扩展名部分:

 4. http 模块

回顾:什么是 客户端 、什么是 服务器
在网络节点中,负责消费资源的电脑,叫做客户端; 负责对外提供网络资源 的电脑,叫做服务器。
http 模块 是 Node.js 官方提供的、用来 创建 web 服务器 的模块。通过 http 模块提供的 http.createServer() 方法,就能方便的把一台普通的电脑,变成一台 Web 服务器,从而对外提供 Web 资源服务。
IP地址 域名 一一对应的关系 ,这份对应关系存放在一种叫做 域名服务器 (DNS)的电脑中。 域名服务器就是提供 IP 地址和域名 之间的转换服务的服务器
注意:
① 单纯使用 IP 地址,互联网中的电脑也能够正常工作。但是有了域名的加持,能让互联网的世界变得更加方便。
② 在开发测试期间, 127.0.0.1 对应的域名是 localhost ,它们都代表我们自己的这台电脑,在使用效果上没有任何区别。
1. 创建 web 服务器的基本步骤
① 导入 http 模块
② 创建 web 服务器实例
③ 为服务器实例绑定 request 事件, 监听客户端的请求
④ 启动服务器
  1. 2. 步骤1 - 导入 http 模块
  1. 如果要希望使用 http 模块创建 Web 服务器,则需要先导入它:
2. 步骤2 - 创建 web 服务器实例
调用 http.createServer() 方法,即可快速创建一个 web 服务器实例:

2. 步骤3 - 为服务器实例绑定 request 事件
为服务器实例绑定 request 事件,即可监听客户端发送过来的网络请求:

2. 步骤4 - 启动服务器
调用服务器实例的 .listen() 方法,即可启动当前的 web 服务器实例:

3. req 请求对象
只要服务器接收到了客户端的请求,就会调用通过 server.on() 为服务器绑定的 request 事件处理函数
如果想在事件处理函数中, 访问与客户端相关的 数据 属性 ,可以使用如下的方式

4. res 响应对象
在服务器的 request 事件处理函数中,如果想 访问与服务器相关的 数据 属性 ,可以使用如下的方式:

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

1. 核心实现步骤
① 获取 请求的 url 地址
② 设置 默认的响应内容 为 404 Not found
③ 判断用户请求的是否为 / /index.html 首页
④ 判断用户请求的是否为 /about.html 关于页面
⑤ 设置 Content-Type 响应头 ,防止中文乱码
⑥ 使用 res.end() 把内容响应给客户端
4.5 根据不同的 url 响应不同的 html 内容
2. 动态响应内容
1. 核心思路
把文件的 实际存放路径 作为 每个资源的 请求 url 地址

 

4.6 案例 - 实现 clock 时钟的 web 服务器
3. 步骤1 - 导入需要的模块

 3. 步骤2 - 创建基本的 web 服务器

 

 3. 步骤3 - 将资源的请求 url 地址映射为文件的存放路径

 

3. 步骤4 - 读取文件的内容并响应给客户端

 

3. 步骤5 – 优化资源的请求路径

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

谢迅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值