欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

http协议和Node.js异步编程

程序员文章站 2022-03-16 11:12:57
...

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协议和Node.js异步编程

//引入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
  1. 普通函数定义前加async关键字 普通函数变成异步函数

  2. 异步函数默认返回promise对象

  3. 在异步函数内部使用return关键字进行结果返回,结果会被包裹的promise对象中,return关键字代替了resolve方法

  4. 在异步函数内部使用throw关键字抛出程序异常

  5. 调用异步函数再链式调用then方法获取异步函数执行结果

  6. 调用异步函数再链式调用catch方法获取异步函数执行的错误信息

await关键字

  1. await关键字只能出现在异步函数中

  2. await promise await后面只能写promise对象 写其他类型的API是不可以的

  3. 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();

怎么样,相对于回调地狱,是不是整洁了无数倍呢?

相关标签: Node node.js