node.js之koa框架怎么用

這篇文章將為大家詳細(xì)講解有關(guān)node.js之koa框架怎么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

Koa -- 基于 Node.js 平臺(tái)的下一代 web 開發(fā)框架

koa是由 Express 原班人馬打造的，致力于成為一個(gè)更小、更富有表現(xiàn)力、更健壯的 Web 框架。 使用 koa 編寫 web 應(yīng)用，可以免除重復(fù)繁瑣的回調(diào)函數(shù)嵌套， 并極大地提升錯(cuò)誤處理的效率。koa 不在內(nèi)核方法中綁定任何中間件， 它僅僅提供了一個(gè)輕量?jī)?yōu)雅的函數(shù)庫(kù)，使得編寫 Web 應(yīng)用變得得心應(yīng)手。開發(fā)思路和express差不多，最大的特點(diǎn)就是可以避免異步嵌套。koa2利用ES7的async/await特性，極大的解決了我們?cè)谧鰊odejs開發(fā)的時(shí)候異步給我們帶來的煩惱。

英文官網(wǎng)：http://koajs.com

中文官網(wǎng)：http://koajs.cn

1.koa

安裝koa包: npm i -S koa@latest
引入: const koa = require("koa");
實(shí)例化對(duì)象: const app = new koa;

通過實(shí)例操作,專門用于客戶端請(qǐng)求的函數(shù)叫做中間件,使用use()注冊(cè)

use()函數(shù)中必須使用異步 async; use可是調(diào)用無數(shù)次;

其中有兩個(gè)參數(shù):

a)ctx: 上下文環(huán)境,node的請(qǐng)求和響應(yīng)對(duì)象,其中不建議使用node原生的req和res屬性,使用koa封裝的requset和response屬性

b)next: next(),將本次控制權(quán)交給下一個(gè)中間件。

最后一個(gè)中間件使用next()無意義，執(zhí)行完控制權(quán)返回上一層，直至第一個(gè)。

1. next參數(shù)的使用demo

const Koa = require("koa");
const koa = new Koa();
//中間件1
koa.use(async (ctx, next) => {
console.log("1 , 接收請(qǐng)求控制權(quán)");
await next(); //將控制權(quán)傳給下一個(gè)中間件
console.log("1 , 返回請(qǐng)求控制權(quán)");
});    //將中間件注冊(cè)到koa的實(shí)例上

//中間件2
koa.use(async (ctx, next) => {
 console.log("2 , 接收請(qǐng)求控制權(quán)");
await next();
console.log("2 , 返回請(qǐng)求控制權(quán)");
}); 

//中間件3
koa.use(async (ctx, next) => {
console.log("3 , 接收請(qǐng)求控制權(quán)");
 console.log("3 ,返回請(qǐng)求控制權(quán)");
});
koa.listen(3000, ()=>{
 console.log("開始監(jiān)聽3000端口");
});

注：當(dāng)中間件中沒有next(),不會(huì)執(zhí)行下面的中間件

訪問localhost:3000的效果圖；

注：會(huì)有兩次操作是因?yàn)閳D標(biāo)icon也會(huì)請(qǐng)求一次

2.ctx參數(shù)的使用demo

const Koa = require("koa");
const koa = new Koa(); 
koa.use(async (ctx, next)=>{
 ctx.body = "body可以返回?cái)?shù)據(jù)，";
 ctx.body += "可以多次調(diào)用，";
 ctx.body += "不需要end()";
});
koa.listen(3000, ()=>{
 console.log("監(jiān)聽開始");
});

效果:

ctx.url ,ctx.path ,ctx.query ,ctx.querystring ,ctx.state ,ctx.type

const Koa = require("koa");
const koa = new Koa(); 
koa.use(async (ctx, next)=>{
 ctx.body = ctx.url;
 ctx.body = ctx.path;
 ctx.body = ctx.query;
 ctx.body = ctx.querystring;
});
koa.listen(3000, ()=>{
 console.log("監(jiān)聽開始");
});

訪問http://localhost:3000/path?name=sjl&age=18為例，效果圖：

1. url: 整個(gè)路徑

2. path: 非查詢部分

3. query: 將查詢部分轉(zhuǎn)為JSON對(duì)象

4. querystring: 將查詢部分轉(zhuǎn)為字符串

5. ctx.state ,ctx.type 表示狀態(tài)嗎和類型

2.簡(jiǎn)單爬蟲練習(xí)

安裝request，cheerio模塊

npm i -S request: 請(qǐng)求模塊
npm i -S cheerio: 抓取頁面模塊(JQ核心)

抓取網(wǎng)頁數(shù)據(jù)案例(隨機(jī)網(wǎng)頁)

//導(dǎo)入模塊
const request = require("superagent"); //導(dǎo)入請(qǐng)求模塊
const cheerio = require("cheerio");
const {join} = require("path");
const fs = require("fs");

let arr = [], //存放數(shù)據(jù)
 reg = /\n|\s+/g, //replace中使用
 url = "https://www.shiguangkey.com/course/search?key=%E5%89%8D%E7%AB%AF/";
request
 .get(url)
 .end((err, res) => {
  const $ = cheerio.load(res.text); //把字符串內(nèi)的標(biāo)簽當(dāng)成dom來使用
  $(".course-item").each((i, v) => {
   // v當(dāng)前進(jìn)來的dom，根據(jù)網(wǎng)頁的布局結(jié)構(gòu)來找到準(zhǔn)確的dom節(jié)點(diǎn)
   const obj = {
    imgSrc : $(v).find("img").prop("src"),
    price : $(v).find(".fr span").text().replace(reg, ""),
    total : $(v).find(".item-txt").text().replace(reg, ""),
    href : join(url + $(v).find(".cimg").prop("href"))
   };
   console.log(join(url + $(v).find(".cimg").prop("href"))); //拼接
   arr.push(obj); //把對(duì)象放進(jìn)數(shù)組里
  });
  
  fs.writeFile("./sjl.json", JSON.stringify(arr)); //將爬到的數(shù)據(jù)寫入文檔中
 });

關(guān)于“node.js之koa框架怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。