http模块
创建服务器基本步骤
request对象详解
response对象详解
实现静态WEB服务器
服务器响应首页
根据根据不同url,响应不同文件
静态资源的通用处理
npm - Node包管理工具
npm的基本概念
npm基本使用
package.json文件
本地安装和全局安装
http模块 创建服务器基本步骤//1. 导入http模块,http模块是node的核心模块,作用是用来创建http服务器的。
var http = require("http");
//2. 创建服务器
var server = http.createServer();
//3. 服务器处理请求
server.on("request", function() {
console.log("我接收到请求了");
});
//4. 启动服务器,监听某个端口
server.listen(9999, function(){
console.log("服务器启动成功了, 请访问: http://localhost:9999");
});
详细说明
给服务器注册request事件,只要服务器接收到了客户端的请求,就会触发request事件
request事件有两个参数,request表示请求对象,可以获取所有与请求相关的信息,response是响应对象,可以获取所有与响应相关的信息。
服务器监听的端口范围为:1-65535之间,推荐使用3000以上的端口,因为3000以下的端口一般留给系统使用
request对象详解文档地址:http://nodejs.cn/api/http.html#http_message_headers
常见属性:
headers
: 所有的请求头信息
method
: 请求的方式
url
: 请求的地址
注意:在发送请求的时候,可能会出现两次请求的情况,这是因为谷歌浏览器会自动增加一个favicon.ico的请求。
小结:request对象中,常用的就是method和url两个参数
response对象详解文档地址:http://nodejs.cn/api/http.html#http_class_http_serverresponse
常见的属性和方法:
res.write(data)
: 给浏览器发送请求体,可以调用多次,从而提供连续的请求体
res.end()
; 通知服务器,所有响应头和响应主体都已被发送,即服务器将其视为已完成。
res.end(data)
; 结束请求,并且响应一段内容,相当于res.write(data) + res.end()
res.statusCode
: 响应的的状态码 200 404 500
res.statusMessage
: 响应的状态信息, OK Not Found ,会根据statusCode自动设置。
res.setHeader(name, value)
; 设置响应头信息, 比如content-type
res.writeHead(statusCode, statusMessage, options)
; 设置响应头,同时可以设置状态码和状态信息。
注意:必须先设置响应头,才能设置响应。
实现静态WEB服务器 服务器响应首页注意:浏览器中输入的URL地址,仅仅是一个标识,不与服务器中的目录一致。也就是说:返回什么内容是由服务端的逻辑决定
server.on('request', function(req, res) {
var url = req.url
if(url === '/') {
fs.readFile('./index.html', function(err, data) {
if(err) {
return res.end('您访问的资源不存在~')
}
res.end(data)
})
}
})
根据根据不同url,响应不同文件
content-type设置-MIME类型
MIME(Multipurpose Internet Mail Extensions)多用途Internet邮件扩展类型 是一种表示文档性质和格式的标准化方式
浏览器通常使用MIME类型(而不是文件扩展名)来确定如何处理文档;因此服务器将正确的MIME类型附加到响应对象的头部是非常重要的
MIME 类型
静态资源的通用处理MIME类型的通用处理-mime模块
作用:获取文件的MIME类型
安装:npm i mime
引入mime:
var mime = require('mime')
// 获取路径对应的MIME类型
mime.getType('txt') // ⇨ 'text/plain'
// 根据MIME获取到文件后缀名
mime.getExtension('text/plain') // ⇨ 'txt'
const http = require('http')
const fs = require('fs')
const path = require('path')
const mime = require('mime')
http.createServer((req, res) => {
// 只需要判断 url是否以 /www开始
const url = req.url
if (url.startsWith('/www')) {
// 直接读取文件
const filePath = path.join(__dirname, url)
fs.readFile(filePath, (err, data) => {
if (err) {
// 响应404
res.statusCode = 404
res.end('404')
} else {
// 设置mime类型
res.setHeader('content-type', mime.getType(url))
// 响应数据
res.end(data)
}
})
} else {
res.statusCode = 404
res.end('404')
}
})
.listen(9999, () => {
console.log('服务器启动成功了')
})
npm - Node包管理工具
npm的基本概念
node package manager
npm官网
npm中文文档
1. npm 是node的包管理工具,
2. 它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。
3. 来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。
作用:通过npm来快速安装开发中使用的包
npm不需要安装,只要安装了node,就自带了npm
npm基本使用初始化包
npm init; //这个命令用于初始化一个包,创建一个package.json文件,我们的项目都应该先执行npm init
npm init -y; //快速的初始化一个包, 不能是一个中文名
安装包
npm install 包名; //安装指定的包名的最新版本到项目中
npm install 包名@版本号; //安装指定包的指定版本
npm i 包名; //简写
卸载包
npm uninstall 包名; //卸载已经安装的包
清除缓存
npm cache clean -f // 如果npm安装失败了,可以用这个命令来清除缓存
package.json文件
package.json文件,包(项目)描述文件,用来管理组织一个包(项目),它是一个纯JSON格式的。
作用:描述当前项目(包)的信息,描述当前包(项目)的依赖项
如何生成:npm init或者npm init -y
作用
作为一个标准的包,必须要有package.json文件进行描述
一个项目的node_modules目录通常都会很大,不用拷贝node_modules目录,可以通过package.json文件配合npm install直接安装项目所有的依赖项
描述内容
{
"name": "03-npm", //描述了包的名字,不能有中文
"version": "1.0.0", //描述了包的的版本信息, x.y.z 如果只是修复bug,需要更新Z位。如果是新增了功能,但是向下兼容,需要更新Y位。如果有大变动,向下不兼容,需要更新X位。
"description": "", //包的描述信息
"main": "index.js", //入口文件(模块化加载规则的时候详细的讲)
"scripts": { //配置一些脚本,在vue的时候会用到,现在体会不到
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [], //关键字(方便搜索)
"author": "", //作者的信息
"license": "ISC", //许可证,开源协议
"dependencies": { //重要,项目的依赖, 方便代码的共享 通过 npm install可以直接安装所有的依赖项
"bootstrap": "^3.3.7",
"jquery": "^3.3.1"
}
}
注意:一个合法的package.json,必须要有name和version两个属性
本地安装和全局安装有两种方式用来安装 npm 包:本地安装和全局安装。选用哪种方式来安装,取决于你如何使用这个包。
全局安装:如果你想将其作为一个命令行工具,那么你应该将其安装到全局。这种安装方式后可以让你在任何目录下使用这个命令。比如less命令,webpack命令,hcc-md命令 。
本地安装:如果你自己的模块依赖于某个包,并通过 Node.js 的 require 加载,那么你应该选择本地安装,这种方式也是 npm install 命令的默认行为。
// 全局安装,会把npm包安装到C:\Users\HUCC\AppData\Roaming\npm目录下,作为命令行工具使用
npm install -g 包名;
//本地安装,会把npm包安装到当前项目的node_modules文件中,作为项目的依赖
npm install 包名;
以上为个人经验,希望能给大家一个参考,也希望大家多多支持易知道(ezd.cc)。