Node.js入门
1.介绍
- 定义:跨平台的JS运行环境,使开发者可以搭建服务器端的JS应用程序
- 作用:使用Node.Js编写服务器端代码
- Node.js是基于Chrome V8引擎进行封装,Node中没有BOM和DOM
2.fs模块-读写文件
- 定义:封装了与本机文件系统进行交互的方法/属性
- 语法
// 基于fs模块读写文件内容
// 1.加载模块对象
const fs = require('fs')
//2.写入文件内容
fs.writeFile('./text.txt', 'Hello,Node.js', (err) => {if (err) console.log(err)else console.log('写入成功')
})
//3.读取文件内容
fs.readFile('./text.txt', (err, data) => {if (err) console.log(err)// data是buffer 16进制数据流对象// .toString()转换成字符串else console.log(data.toString())
})
3.path模块-路径处理
- 问题:Node.js代码中,相对路径是根据终端所在路径来查找的,可能无法找到想要的文件
- 建议使用绝对路径
- 补充:__dirname内置变量获取当前文件模块目录绝对路径
- 注意:path.join()会使用特定于平台的分隔符,作为定界符,将所有路径片段连接在一起
- 语法:
const fs = require('fs')
// 1.引入Path模块对象
const path = require('path')
// 2.调用path.join()配合__diename组成目标文件的绝对路径
fs.readFile(path.join(__dirname, '../text.txt'), (err, data) => {if (err) console.log(err)else console.log(data.toString())
})
4.URL端口号
-
端口号:一台服务器里不同功能的服务程序,http默认80端口号
-
常见服务程序:web服务程序(网上信息浏览的程序代码)
-
http模块——常见web服务
eg:创建web服务器并响应内容给浏览器
/*** 目标:基于 http 模块创建 Web 服务程序* 1.1 加载 http 模块,创建 Web 服务对象* 1.2 监听 request 请求事件,设置响应头和响应体* 1.3 配置端口号并启动 Web 服务* 1.4 浏览器请求(http://localhost:3000)测试*/ // 1.1 加载 http 模块,创建 Web 服务对象 const http = require('http') const server = http.createServer() // 1.2 监听 request 请求事件,设置响应头和响应体 server.on('request', (req, res) => {// 设置响应头-内容类型-普通文本以及中文编码格式res.setHeader('Content-Type', 'text/plain;charset=utf-8')// 设置响应体内容,结束本次请求与响应res.end('欢迎使用 Node.js 和 http 模块创建的 Web 服务') }) // 1.3 配置端口号并启动 Web 服务 server.listen(3000, () => {console.log('Web 服务启动成功了') })
eg:基于 Web 服务,开发提供网页资源的功能
/*** 目标:基于 Web 服务,开发提供网页资源的功能* 步骤:* 1. 基于 http 模块,创建 Web 服务* 2. 使用 req.url 获取请求资源路径,并读取 index.html 里字符串内容返回给请求方* 3. 其他路径,暂时返回不存在提示* 4. 运行 Web 服务,用浏览器发起请求 */const fs = require('fs') const path = require('path') // 1. 基于 http 模块,创建 Web 服务 const http = require('http') const server = http.createServer() server.on('request', (req, res) => {// 2. 使用 req.url 获取请求资源路径,并读取 index.html 里字符串内容返回给请求方if (req.url === '/index.html') {fs.readFile(path.join(__dirname, 'dist/index.html'), (err, data) => {res.setHeader('Content-Type', 'text/html;charset=utf-8')res.end(data.toString())})} else {// 3. 其他路径,暂时返回不存在提示res.setHeader('Content-Type', 'text/html;charset=utf-8')res.end('你要访问的资源路径不存在')} }) server.listen(8080, () => {console.log('Web 服务启动成功了') })
5.模块化
-
定义:每个文件都是独立的模块
-
CommonJS导入导出语法:
- 导出:module.exports={}
/*** 目标:基于 CommonJS 标准语法,封装属性和方法并导出*/ const baseURL = 'http://hmajax.itheima.net' const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0) // 导出 module.exports = {url: baseURL,arraySum: getArraySum }
- 导入:require(‘模块名或路径’)
// 导入 const obj = require('./utils.js') console.log(obj) const result = obj.arraySum([5, 1, 2, 3]) console.log(result)
- 模块名或路径名
- 内置模块:直接写名字,例如:fs,path,http
- 自定义模块:写模块文件路径,例如:./utils.js
-
ECMAScript标准默认导出导入语法
- 导出:export dafault{}
/*** 目标:基于 ECMAScript 标准语法,封装属性和方法并"默认"导出*/ const baseURL = 'http://hmajax.itheima.net' const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)// 默认导出 export default {url: baseURL,arraySum: getArraySum }
- 导入:import 变量名 from ‘模块名或路径名’
/*** 目标:基于 ECMAScript 标准语法,"默认"导入,工具属性和方法使用*/ // 默认导入 import obj from './utils.js' console.log(obj) const result = obj.arraySum([10, 20, 30]) console.log(result)
-
注意Node.js默认支持CommonJs标准语法,如果需要使用ECMAScript标准,在运行模块所在文件夹新建package.json文件,并设置{“type”:“module”}
{"type": "module" }
-
ECMAScript标准命名导出导入语法
- 导出:export 修饰定义语句
export const baseURL = 'http://hmajax.itheima.net' export const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)
- 导入:import {同名变量} from ‘模块名或路径’
import {baseURL, getArraySum} from './utils.js' console.log(obj) console.log(baseURL) console.log(getArraySum) const result = getArraySum([10, 21, 33]) console.log(result)
- 与默认导出导入的区别:可以按需导入
6.包
- 定义:将模块,代码,其他资料聚合成一个文件夹
- 分类
- 项目包:用于编写项目和业务逻辑
- 软件包:封装工具和党法进行使用
- 要求:根目录中,必须有package.json文件:记录包的清单信息
7.npm软件包管理器
- 定义:是Node.js标准的软件包管理器
- 作用:下载软件包以及管理版本
- 使用:
- 初始化清单文件:npm init -y(得到package.json文件)
- 下载软件包:npm i 软件包名称(得到node-modules文件夹)
- 使用软件包
- npm-安装所有依赖
- 当导入别人的项目只有package.json,没有node-modules(因为自己下载以来比磁盘传递拷贝要快的多)
- 解决:npm i
- npm-全局软件包 nodemon
- 本地软件包:当前项目内使用,封装属性和方法,存在于node_modules
- 全局软件包:本机所有项目使用,封装命令和工具,存在于系统设置的位置
- nodemon作用:替代node命令,检测代码更改,自动重启程序
- 使用:2
- 安装:npm i nodemon -g(-g代表安装到全局环境)
- 运行:nodemon 待执行的目标js文件