Node.js 创建Web服务器
创建文件app.js
// 引用系统模块http
const http = require('http');
// 创建web服务器
const app = http.createServer();
// 当客户端发送请求的时候
app.on('request', (req, res) => {
// 响应
res.end('<h1>hi, user</h1>');
});
// 监听3000端口
app.listen(3000);
console.log('服务器已启动')
此时只需要在浏览器访问localhost:3000
即可访问服务器
http
请求报文:
- GET 请求数据
- POST 发送数据
获取请求信息:
app.on('request', (req, res) => {
req.headers // 获取请求报文
req.url // 获取请求地址
req.method // 获取请求方法
});
响应报文
http状态码:
- 200 请求成功
- 404 Not Found
- 500 服务器端错误
- 400 客户端请求语法错误
内容类型:
- text/html
- text/css
- application/javascript
- image/jpeg
- application/json
// 设置响应报文
res.writeHead(200, {'Content-Type': 'text/html;charset=utf8'});
GET请求参数
- 参数被放置在浏览器地址栏中,是不安全的,例如:http://localhost:3000/?name=zhangsan&age=20
- 参数获取需要借助系统模块url,url模块用来处理url地址
const http = require('http');
// 导入url系统模块 用于处理url地址
const url = require('url');
const app = http.createServer();
app.on('request', (req, res) => {
// 将url路径的各个部分解析出来并返回对象
// true 代表将参数解析为对象格式
let {query} = url.parse(req.url, true);
console.log(query);
});
app.listen(3000);
POST请求参数
-
参数被放置在请求体中进行传输
-
获取POST参数需要使用
data
事件和end
事件 -
使用
querystring
系统模块将参数转换为对象格式// 导入系统模块querystring 用于将HTTP参数转换为对象格式 const querystring = require('querystring'); app.on('request', (req, res) => { let postData = ''; // 监听参数传输事件 req.on('data', (params) => postData += params;); // 监听参数传输完毕事件 req.on('end', () => { console.log(querystring.parse(postData)); }); });
路由
路由是指客户端请求地址与服务器端程序代码的对应关系。简单的说,就是请求什么响应什么。
//引入http模块
const http = require('http');
//引入url模块
const url = require('url');
//创建服务器
const app = http.createServer();
app.on('request',(req,res)=>{
//获取请求方式
const method = req.method.toLowerCase();
//获取请求路径
const pathname = url.parse(req.url).pathname;
res.writeHead(200,{
'content-type':'text/html;charset=utf8'
});
if(method == 'get')
{
if(pathname=='/index'||pathname=='/')
res.end('欢迎来到首页');
else if(pathname=='/list')
res.end('欢迎来到列表页');
else
res.end('你查找的页面不存在');
}
})
app.listen(3000);
Node.js异步编程
同步API
只有当前面API执行完毕后才会执行下面代码
console.log('before');
console.log('after');
异步API
当前API的执行不回阻塞后面代码的执行
console.log('before');
setTimeout(
()=>{console.log('last')
},2000);
console.log('after');
二者区别:获取返回值
同步API可以从返回值中拿到API执行的结果, 但是异步API是不可以的
同步API
// 同步
function sum (n1, n2) {
return n1 + n2;
}
const result = sum (10, 20); //result = 30
异步API
function getMsg () {
setTimeout(function () {
return { msg: 'Hello Node.js' }
}, 2000);
}
const msg = getMsg (); //获取不到结果,但不报错
回调函数callback
自己定义函数让别人去调用。(自己做的饭让别人去吃。。)
// getData函数定义
function getData (callback) {}
// getData函数调用
getData (() => {});
使用回调函数获取异步API 的执行结果
function getMsg (callback) {
setTimeout(function () {
callback ({ msg: 'Hello Node.js' })
}, 2000);
}
getMsg (function (msg) {
console.log(msg);
}); //得到结果{ msg: 'Hello Node.js' }
异步API的执行顺序与同步API不同
如果异步API后面代码的执行依赖当前异步API的执行结果,但实际上后续代码在执行的时候异步API还没有返回结果,这个问题要怎么解决呢?
Promise对象
Promise出现的目的是解决Node.js异步编程中回调地狱的问题。回调地狱:函数作为参数,代码全部一层一层的嵌套,看起来就很庞大,很恶心
使用promise对象解决:
let promiseObj = new Promise((resolve, reject) => {
setTimeout(() => {
if (true) {
resolve({name: '张三'})
}else {
reject('失败了')
}
}, 2000);
});
promiseObj.then(result => console.log(result)) // {name: '张三'})
.catch(error => console.log(error)) //失败了
//输出{ name: '张三' }
异步函数
异步函数是异步编程语法的终极解决方案,它可以让我们将异步代码写成同步的形式,让代码不再有回调函数嵌套,使代码变得清晰明了。
const fn = async () => {} //函数名前面加上async
-
普通函数定义前加
async
关键字 普通函数变成异步函数 -
异步函数默认返回
promise
对象 -
在异步函数内部使用return关键字进行结果返回,结果会被包裹的promise对象中,
return
关键字代替了resolve方法 -
在异步函数内部使用
throw
关键字抛出程序异常 -
调用异步函数再链式调用
then
方法获取异步函数执行结果 -
调用异步函数再链式调用
catch
方法获取异步函数执行的错误信息
await关键字
-
await关键字只能出现在异步函数中
-
await promise
await后面只能写promise对象 写其他类型的API是不可以的 -
await关键字可是暂停异步函数向下执行 直到promise返回结果
async function p1 () {
return 'p1';
}
async function p2 () {
return 'p2';
}
async function p3 () {
return 'p3';
}
async function run () {
let r1 = await p1()
let r2 = await p2()
let r3 = await p3()
console.log(r1)
console.log(r2)
console.log(r3)
}
run();
执行 直到promise返回结果
async function p1 () {
return 'p1';
}
async function p2 () {
return 'p2';
}
async function p3 () {
return 'p3';
}
async function run () {
let r1 = await p1()
let r2 = await p2()
let r3 = await p3()
console.log(r1)
console.log(r2)
console.log(r3)
}
run();
怎么样,相对于回调地狱,是不是整洁了无数倍呢?