专业营销网站建设公司,crm系统是干什么的,快速排名优化公司,wordpress自定义seo标题1、什么是 Node.js 【】Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。浏览器是 js 的前端运行环境#xff0c;node.js 是 js 的后端运行环境。他们都有 V8 引擎#xff0c;有各自的内置 API 2、fs 文件系统模块 【】fs 模块是 Node.js 官方提供的、用来操作文件… 1、什么是 Node.js 【】Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。浏览器是 js 的前端运行环境node.js 是 js 的后端运行环境。他们都有 V8 引擎有各自的内置 API 2、fs 文件系统模块 【】fs 模块是 Node.js 官方提供的、用来操作文件的模块
【】fs.readFile() 方法用来读取指定文件中的内容
【】fs.writeFile() 方法用来向指定的文件中写入内容
【】 fs.writeFile() 方法只能用来创建文件不能用来创建路径 重复调用 fs.writeFile() 写入同一个文件新写入的内容会覆盖之前的旧内容
// 1. 导入 fs 模块来操作文件
const fs require(fs)
fs.readFile(path[, options], (err, dataStr) {})
fs.writeFile(path, data[, options], err {})3、path 路径模块 【】path.join() 方法用来将多个路径片段拼接成一个完整的路径字符串
【】path.basename() 方法用来从路径字符串中将文件名解析出来
【】 path.extname() 方法可以获取路径中的扩展名部分
const path require(path)
const pathStr path.join(__dirname, ./files/1.txt)
const name path.basename(/index.html) //index.html
const nameWithoutExt path.basename(/index.html, .html) //index
const fext path.extname(/index.html) //.html4、http 模块 【】http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块
// 1. 导入 http 模块
const http require(http)
// 2. 创建 web 服务器实例
const server http.createServer()
// 3. 为服务器实例绑定 request 事件监听客户端的请求
server.on(request, function (req, res) {const str 您请求的 URL 地址是 ${req.url}请求的 method 类型为 ${req.method}// 调用 res.setHeader() 方法设置 Content-Type 响应头解决中文乱码的问题res.setHeader(Content-Type, text/html; charsetutf-8)// 调用 res.end() 方法向客户端响应一些内容res.end(str)
})
// 4. 启动服务器
server.listen(8080, function () { console.log(server running at http://127.0.0.1:8080)
})5、Node.js 中的模块化 【】分类内置模块、自定义模块、第三方模块
【】require() 方法加载模块加载模块时会执行模块中的代码
const path require(path)
const custom require(./custom.js) //.js 可以省略
const moment require(moment)【】模块作用域和函数作用域类似在自定义模块中定义的变量、方法等成员只能在当前模块内被访问
【】在每个 .js 自定义模块中都有一个 module 对象它里面存储了和当前模块有关的信息。在自定义模块中可以使用 module.exports 对象将模块内的成员共享出去供外界使用。外界用 require() 方法导入自定义模块时得到的就是 module.exports 所指向的对象
【】Node 提供了 exports 对象。默认情况下exports 和 module.exports 指向同一个对象。最终共享的结果还是以 module.exports 指向的对象为准
const username zsmodule.exports.username username
exports.age 20
exports.sayHello function() {console.log(大家好)
}
// { username: zs, age: 20, sayHello: [Function (anonymous)] }【】Node.js 遵循了 CommonJS 模块化规范CommonJS 规定了模块的特性和各模块之间如何相互依赖
【】模块优先从缓存中加载内置模块的优先级最高 6、npm 与包 【】包管理配置文件 package.json 使用 npm init -y 进行创建
npm install xxx //下载包到 dependencies 节点开发和线上都要用到
npm i xxx
npm install xxx2.2.2
npm uninstall xx
npm install xxx -D //下载到 devDependencies 节点开发中用到线上不用
npm install xxx --save-dev
npm config get registry //查看下包镜像源
npm config set registryhttps://registry.npm.taobao.org/
npm i xxx -g //全局安装【】npm i nrm -g 下载 nrm 工具用老切换下包的镜像源
npm i nrm -g
nrm ls
nrm use taobao【】包的规范
包必须以单独的目录而存在包的顶级目录下要必须包含 package.json 这个包管理配置文件package.json 中必须包含 nameversionmain 这三个属性分别代表包的名字、版本号、包的入口 7、开发自己的包 【】包的基本结构先创建一个根文件夹
package.json 包管理配置文件index.js 包的入口文件README.md 包的说明文档
【】package.json 文件内容
{name: itheima-tools,version: 1.1.0,main: index.js,description: 提供了格式化时间、HTMLEscape相关的功能,keywords: [itheima,dateFormat,escape],license: ISC
}【】发布自己的包
注册 npm 账号在终端执行 npm login 命令登录切换到包的根目录使用 npm publish 发布运行 npm unpublish 包名 --force 命令即可从 npm 删除已发布的包 8、Express 使用 【】Express 是基于 Node.js 平台快速、开放、极简的 Web 开发框架是专门用来创建 Web 服务器的。基于内置模块 http 进一步封装出来的
【】Express 能快速创建 Web 网站服务器货或 API 接口服务器使用 npm i express 安装
// 1. 导入 express
const express require(express)
// 2. 创建 web 服务器
const app express()// 4. 监听客户端的 GET 和 POST 请求并向客户端响应具体的内容
app.get(/user, (req, res) {res.send({ name: zs, age: 20, gender: 男 })
})
app.post(/user, (req, res) {res.send(请求成功)
})
app.get(/, (req, res) {// 通过 req.query 可以获取到客户端发送过来的 查询参数// 注意默认情况下req.query 是一个空对象console.log(req.query)res.send(req.query)
})
// 注意这里的 :id 是一个动态的参数
app.get(/user/:ids/:username, (req, res) {// req.params 是动态匹配到的 URL 参数默认也是一个空对象console.log(req.params)res.send(req.params)
})// 3. 启动 web 服务器
app.listen(80, () {console.log(express server running at http://127.0.0.1)
})【】托管静态资源
const express require(express)
const path require(path)
const app express()// 在这里调用 express.static() 方法快速的对外提供静态资源
//如果希望在托管的静态资源访问路径之前挂载路径前缀则可以使用如下的方式
//访问静态资源文件时express.static() 函数会根据目录的添加顺序查找所需的文件
app.use(/files, express.static(path.join(__dirname, ./files)))
app.use(express.static(path.join(__dirname, ./clock)))app.listen(80, () {console.log(express server running at http://127.0.0.1)
})【】nodemon 工具能实现热更新 使用 npm i nodemon -g 安装使用 nodemon xxx.js 运行文件 9、Express 路由 【】路由指的是客户端的请求与服务器处理函数之间的映射关系由三部分组成请求类型、请求的URL地址、处理函数
// 挂载路由。 按照路由的顺序进行匹配
app.get(/, (req, res) {res.send(hello world.)
})
app.post(/, (req, res) {res.send(Post Request.)
})【】模块化路由创建路由模块对应的 .js 文件调用 express.Router() 函数创建路由对象向路由对象上挂载具体的路由使用 module.exports 向外共享路由对象使用 app.use() 函数注册路由模块
// 这是路由模块
// 1. 导入 express
const express require(express)
// 2. 创建路由对象
const router express.Router()// 3. 挂载具体的路由
router.get(/user/list, (req, res) {res.send(Get user list.)
})
router.post(/user/add, (req, res) {res.send(Add new user.)
})// 4. 向外导出路由对象
module.exports routerconst express require(express)
const app express() // 1. 导入路由模块
const router require(./03.router)
// 2. 注册路由模块
// app.use(router)
// 为路由模块添加前缀
app.use(/api, router)// 注意 app.use() 函数的作用就是来注册全局中间件app.listen(80, () {console.log(http://127.0.0.1)
})9、Express 中间件 【】Express 的中间件本质上就是一个 function 处理函数。可以定义多个中间件然后会按照中间件定义的先后顺序依次执行
// // 定义一个最简单的中间件函数
const mw function (req, res, next) {console.log(这是最简单的中间件函数)// 把流转关系转交给下一个中间件或路由next()
}
// // 将 mw 注册为全局生效的中间件
app.use(mw)
// 这是定义全局中间件的简化形式
app.use((req, res, next) {console.log(这是最简单的中间件函数)next()
})【】使用 app.use() 定义的是全局中间件也可以定义局部中间件
// 1. 定义中间件函数
const mw1 (req, res, next) {console.log(调用了局部生效的中间件)next()
}// 2. 创建路由
app.get(/, mw1, (req, res) {res.send(Home page.)
})【】中间件的五个注意事项
一定要在路由之前注册中间件错误级中间件除外要放在路由之后客户端发送过来的请求可以连续调用多个中间件进行处理执行完中间件的业务代码之后不要忘记调用 next() 函数为了防止代码逻辑混乱调用 next() 函数后不要再写额外的代码连续调用多个中间件时多个中间件之间共享 req 和 res 对象 10、中间件分类 【】应用级别的中间件
通过 app.use() 或 app.get() 或 app.post() 绑定到 app 实例上的中间件
【】路由级别的中间件
绑定到 express.Router() 实例上的中间件叫做路由级别的中间件。它的用法和应用级别中间件没有任何区别
【】错误级别的中间件
有 4 个形参形参顺序从前到后分别是 (err, req, res, next)
app.get(/, (req, res) {// 1.1 人为的制造错误throw new Error(服务器内部发生了错误)res.send(Home page.)
})// 2. 定义错误级别的中间件捕获整个项目的异常错误从而防止程序的崩溃
app.use((err, req, res, next) {console.log(发生了错误 err.message)res.send(Error err.message)
})【】Express 内置的中间件
express.staticexpress.jsonexpress.urlencoded
// 注意除了错误级别的中间件其他的中间件必须在路由之前进行配置
// 通过 express.json() 这个中间件解析表单中的 JSON 格式的数据
app.use(express.json())
// 通过 express.urlencoded() 这个中间件来解析 表单中的 url-encoded 格式的数据
app.use(express.urlencoded({ extended: false }))// 在服务器可以使用 req.body 这个属性来接收客户端发送过来的请求体数据
// 默认情况下如果不配置解析表单数据的中间件则 req.body 默认等于 undefined【】第三方的中间件 11、自定义中间件 【】定义中间件
【】监听 req 的 data 事件
【】监听 req 的 end 事件
【】使用 querystring 模块解析请求体数据
【】将解析出来的数据对象挂载为 req.body
【】将自定义中间件封装为模块
// 导入 Node.js 内置的 querystring 模块
const qs require(querystring)// 这是解析表单数据的中间件
app.use((req, res, next) {// 定义中间件具体的业务逻辑// 1. 定义一个 str 字符串专门用来存储客户端发送过来的请求体数据let str // 2. 监听 req 的 data 事件req.on(data, (chunk) {str chunk})// 3. 监听 req 的 end 事件req.on(end, () {// 在 str 中存放的是完整的请求体数据// console.log(str)// TODO: 把字符串格式的请求体数据解析成对象格式const body qs.parse(str)req.body bodynext()})
})12、使用 Express 写接口 【】路由模块
const express require(express)
const router express.Router()// 在这里挂载对应的路由
router.get(/get, (req, res) {// 通过 req.query 获取客户端通过查询字符串发送到服务器的数据const query req.query// 调用 res.send() 方法向客户端响应处理的结果res.send({status: 0, // 0 表示处理成功1 表示处理失败msg: GET 请求成功, // 状态的描述data: query, // 需要响应给客户端的数据})
})// 定义 POST 接口
router.post(/post, (req, res) {// 通过 req.body 获取请求体中包含的 url-encoded 格式的数据const body req.body// 调用 res.send() 方法向客户端响应结果res.send({status: 0,msg: POST 请求成功,data: body,})
})// 定义 DELETE 接口
router.delete(/delete, (req, res) {res.send({status: 0,msg: DELETE请求成功,})
})module.exports router【】主文件
// 导入 express
const express require(express)
// 创建服务器实例
const app express()// 配置解析表单数据的中间件// 必须在配置 cors 中间件之前配置 JSONP 的接口
app.get(/api/jsonp, (req, res) {// TODO: 定义 JSONP 接口具体的实现过程// 1. 得到函数的名称const funcName req.query.callback// 2. 定义要发送到客户端的数据对象const data { name: zs, age: 22 }// 3. 拼接出一个函数的调用const scriptStr ${funcName}(${JSON.stringify(data)})// 4. 把拼接的字符串响应给客户端res.send(scriptStr)
})// 一定要在路由之前配置 cors 这个中间件从而解决接口跨域的问题
const cors require(cors)
app.use(cors())// 导入路由模块
const router require(./16.apiRouter)
// 把路由模块注册到 app 上
app.use(/api, router)// 启动服务器
app.listen(80, () {console.log(express server running at http://127.0.0.1)
})【】测试文件
!DOCTYPE html
html langenheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /titleDocument/titlescript srchttps://cdn.staticfile.org/jquery/3.4.1/jquery.min.js/script/headbodybutton idbtnGETGET/buttonbutton idbtnPOSTPOST/buttonbutton idbtnDeleteDELETE/buttonbutton idbtnJSONPJSONP/buttonscript$(function () {// 1. 测试GET接口$(#btnGET).on(click, function () {$.ajax({type: GET,url: http://127.0.0.1/api/get,data: { name: zs, age: 20 },success: function (res) {console.log(res)},})})// 2. 测试POST接口$(#btnPOST).on(click, function () {$.ajax({type: POST,url: http://127.0.0.1/api/post,data: { bookname: 水浒传, author: 施耐庵 },success: function (res) {console.log(res)},})})// 3. 为删除按钮绑定点击事件处理函数$(#btnDelete).on(click, function () {$.ajax({type: DELETE,url: http://127.0.0.1/api/delete,success: function (res) {console.log(res)},})})// 4. 为 JSONP 按钮绑定点击事件处理函数$(#btnJSONP).on(click, function () {$.ajax({type: GET,url: http://127.0.0.1/api/jsonp,dataType: jsonp,success: function (res) {console.log(res)},})})})/script/body
/html13、关于 CORS 跨域资源共享 【】CORS 主要在服务器端进行配置。客户端浏览器无须做任何额外的配置即可请求开启了 CORS 的接口
【】CORS 响应头部 - Access-Control-Allow-Origin参数值控制外域是否可访问通配符允许来自任何域的请求
res.setHeader(Access-Control-Allow-Origin, *)【】CORS 响应头部 - Access-Control-Allow-Headers如果客户端向服务器发送了额外的请求头信息则需要在服务器端通过 Access-Control-Allow-Headers 对额外 的请求头进行声明否则这次请求会失败
【】CORS 响应头部 - Access-Control-Allow-Methods默认情况下CORS 仅支持客户端发起 GET、POST、HEAD 请求。通过 Access-Control-Alow-Methods 来指明实际请求所允许使用的 HTTP 方法
【】根据请求方式和请求头的不同CORS请求的分类 简单请求、预检请求
