原生Web Server的实战
1、Web Server的构成
2、Nodejs作为Web Server的优势
3、Web Server最小系统
Web Server的构成
| 处理HTTP | 对HTTP的动词（get、post、put）进行响应 |
| 路由管理 | 分别处理不同URL路径的请求，返回对应的网络资源 |
| 静态文件托管 | 对网络请求的静态资源进行响应或使用动态模板响应请求 |
| 文件数据存储 | 将请求携带的数据存储到文件或者数据库中 |
Web Server的基本架构
服务器和数据库中间增加其他的服务，
Nodejs作为Web Server的优势
| 1、并发性能优异 | 基于事件驱动的服务在响应请求的场景中有极高的并发性能表现 |
| 2、js同构 | 减少学习成本，使用最流行的js或者其他可编译/转换为js的语言均可实现 |
| 3、生态活跃完善 | npm提供了数十万个可重用的工具包，还挺乖了一六的依赖解决方案，可实现自动化工具链构建 |
| 4、代码可移植 | 兼容各种操作系统运行环境，一份代码可以运行在多种环境中 |
| 5、框架高度包容 | Node及Node的Web框架都拥有天然的包容性，易于拓展和维护 |
| 6、友好的社区氛围 | 丰富的生态诞生了大量的开源社区，聚集了众多优秀的开发人员 |
/** * 创建服务 * 1、加载http模块 * 2、创建http服务 * 3、监听事件请求 * 4、监听端口，请开启服务 * 分发路由 * 根据req的url属性判断路由信息 * */ const http = require('http') const server = http.createServer() server.on('request', (req, res) => { /** * 监听到请求所做的操作 * req对象，包含用户请报文的所有内容，可以通过req获取用户提交过来的数据 * res对象，用来响应数据，服务器想要向客户端相应数据的时候使用该对应 */ res.setHeader('Content-Type', 'text/html;charset=utf-8') if(req.url === '/' || req.url === '/index') { res.write('<h1>Hello Index !!!</h1>') } else if(req.url === '/list'){ res.write('<h3>list....</h3>') } else { res.write('<h3>404....</h3>') } res.end() }) server.listen('3000', () => { console.log('Node服务运行在3000') })
/** * 创建服务 * 1、加载http模块 * 2、创建http服务 * 3、监听事件请求 * 4、监听端口，请开启服务 * 分发路由 * 根据req的url属性判断路由信息 * 根据不同请求，享有哦现有的html文件 */ const path = require('path') const fs = require('fs') const http = require('http') http.createServer((req, res) => { if(req.url === '/' || req.url === '/index') { fs.readFile(path.join(__dirname, 'htmls','index.html'), (err, data) => { if(err) throw err res.end(data) }) } else if(req.url === '/list'){ fs.readFile(path.join(__dirname, 'htmls','list.html'), (err, data) => { if(err) throw err res.end(data) }) } else { fs.readFile(path.join(__dirname, 'htmls','404.html'), (err, data) => { if(err) throw err res.end(data) }) } }).listen(3000, () => { console.log('Node服务运行在3000') })
Web Server最小系统
nodemon 用来监控 node.js 源代码的变化和自动重启服务器 (npm 安装)
HTTPie 用于与 HTTP 服务器做测试、调试和常规交互
const http = require('http')
const url = require('url')
const path = require('path')
const fs = require('fs')
const qs = require('querystring')
const notFound = (req, res) => {
fs.readFile(path.join(__dirname, '404.html'), (err, data) => {
if(err) {
res.write(404, 'not found')
}else {
res.writeHead(404, {'Content-type': "text/html;charset='utf-8'"})
res.write(data)
res.end()
}
})
}
const writeDb = (chunk) => {
fs.appendFile(path.join(__dirname, 'db'), chunk, err => {
if(err) throw err
console.log('db insert...', chunk && chunk.toString())
})
}
http.createServer((req, res) => {
// 1、路由处理
// 2、静态资源托管
// 3、HTTP verb
// 4、持久化数据 store
let pathName = url.parse(req.url).pathname // 路径解析
// /api => 接口
if(pathName.startsWith('/api')) {
const method = req.method
if(method === 'GET') {
const query = qs.parse(url.parse(req.url).query) //?a=1&b=2
const resData = {
code: 200,
msg: 'success',
data: query
}
res.end(JSON.stringify(resData))
return
}
if(method === 'POST') { // HTTPie
const contentType = req.headers('content-type')
if (contentType === 'application/json') {
let postData = ''
req.on('data', chunk => {
postData += chunk
writeDb(postData)
})
req.on('end', () => {
res.end(postData)
})
}
}
}
if(pathName === '/') {
pathName = path.join(__dirname, 'index.html')
}
const extName = path.extname(pathName) // 取后缀名
if(extName === '.html') {
// index.html 文件读取模块
fs.readFile(pathName, (err, data) => { // data为Buffer
if(err) {
// 404
notFound(req, res)
}else {
res.writeHead(200, {'Content-Type': "text/html;charset='utf-8'"})
res.write(data)
res.end()
}
})
}
// res.write('hello Nodejs 1')
// res.end()
}).listen(8080)
// 改变内容需要频繁启动 引入第三方插件 nodemon 监听代码变更 npm安装
