|
% |' g n7 D- }4 f2 W) X
Koa -- 基于 Node.js 平台的下一代 web 开发框架
6 ?4 [' ]9 t5 M/ w4 W* c5 D& o koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，可以免除重复繁琐的回调函数嵌套， 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。koa2利用ES7的async/await特性，极大的解决了我们在做nodejs开发的时候异步给我们带来的烦恼。 ; o& u- P% U' {- ?
英文官网：http://koajs.com
8 T) b7 Q# K, t! r3 h; l V2 ^- i 中文官网：http://koajs.cn
! v U9 y4 N* G6 z( y 1.koa $ K! K$ l, P6 H. y# V! Y1 ]
安装koa包: npm i -S koa@latest 7 A8 W ^7 y+ n
引入: const koa = require("koa"); 实例化对象: const app = new koa;
) ~& s, o8 B9 N; q) H5 I 通过实例操作,专门用于客户端请求的函数叫做中间件,使用use()注册
6 U& N2 a1 ^$ c s& ^" f use()函数中必须使用异步 async; use可是调用无数次; $ `! _( n; y" }, q$ l. f+ a t! B
其中有两个参数: 0 I$ Z; B: G+ L, t* C
a)ctx: 上下文环境,node的请求和响应对象,其中不建议使用node原生的req和res属性,使用koa封装的requset和response属性 + t# n* h! N% ]9 \/ h' m& S8 q0 \
b)next: next(),将本次控制权交给下一个中间件。 6 C: }# l, P6 d0 `5 i. E
最后一个中间件使用next()无意义，执行完控制权返回上一层，直至第一个。
1 |/ h! ?6 @4 b: b3 K& O2 l! u' F 1. next参数的使用demo 4 N; a# t8 L/ R; O- F Z
`const Koa = require(``"koa"``);`
% m/ S0 p5 F8 c1 t( Q( I" h \: x$ R `const koa =` `new` `Koa();`* ~& y. _. {+ P6 H! H
`//中间件1`, }9 K) m e7 I6 E: S1 p
`koa.use(async (ctx, next) => {`
" {' }0 P' N, ?5 W5 Y" H2 j `console.log(``"1 , 接收请求控制权"``);`( b1 ~* y2 k; l0 o' t& L
`await next();` `//将控制权传给下一个中间件`# j4 {" z+ K U" u% M) I
`console.log(``"1 , 返回请求控制权"``);`
: }* i/ V6 B {( I+ t7 f `});` `//将中间件注册到koa的实例上`
. Z& T' J. i* F( o+ Q3 k: N `//中间件2`
. P7 t+ C. C( H% ~ O) _, i* ~+ @. e `koa.use(async (ctx, next) => {`
; Z8 ]" I3 X m `console.log(``"2 , 接收请求控制权"``);`* C% g$ P, i X) r
await next();`
+ ~! L h' M1 p: Y3 ?1 W& } `console.log(``"2 , 返回请求控制权"``);`4 u1 f7 }7 D- g" N2 r1 n7 c- `7 n
`});`6 V) d }( q- i5 \" e
`//中间件3`
; Q# \7 E/ }( L5 g" @ `koa.use(async (ctx, next) => {`0 J( q8 }* u/ \7 P) A
`console.log(``"3 , 接收请求控制权"``);`
/ g$ t- ?; e5 I4 z9 { `console.log(``"3 ,返回请求控制权"``);`
9 x( P! {" \! C* T `});`
k* N9 E/ B# m `koa.listen(3000, ()=>{`5 ? w. G& _4 |, R' k2 o1 `! S
`console.log(``"开始监听3000端口"``);`2 x0 F8 r% b5 @* u! B$ q8 K
`});` - u6 l' J; ^6 @" i' P
注：当中间件中没有next(),不会执行下面的中间件
7 O G$ k) j+ I 访问localhost:3000的效果图； 4 Z+ x/ i6 C6 a/ v
3 M" b+ m5 w' N 注：会有两次操作是因为图标icon也会请求一次 ( u. Y$ `' R. \+ |
2.ctx参数的使用demo
2 k( e# n; z6 A/ S# Z n+ O& I* V `const Koa = require(``"koa"``);`
% }# D. [" K( }( {6 O. x `const koa =` `new` `Koa();`
/ T2 N) N @( v9 [( x, U7 t& j `koa.use(async (ctx, next)=>{`
, |/ g# J6 B" ~4 ~' r1 O$ q `ctx.body =` `"body可以返回数据，"``;`
; K$ }; w& C; `% c9 C4 J7 v `ctx.body +=` `"可以多次调用，"``;`
1 L4 D* Q: A) x& e5 K `ctx.body +=` `"不需要end()"``;`4 m3 y7 `9 n0 P
`});`! f8 v& ^+ t* i4 m
`koa.listen(3000, ()=>{`0 c% n0 `6 k7 b }
`console.log(``"监听开始"``);`
5 E! u! x' T# Z% x: j% P# V `});` , } o# e" J. C, q. p
效果:
# N# J" p# ?2 o$ x* p* I 1 j/ g5 u& o3 q2 P% k
ctx.url ,ctx.path ,ctx.query ,ctx.querystring ,ctx.state ,ctx.type ) O# d, t4 y% O& _# f& U
`const Koa = require(``"koa"``);`
( J- E. [4 C! A8 B$ l6 h' Z `const koa =` `new` `Koa();`' s! u8 `# z5 u9 M+ x6 w9 l
`koa.use(async (ctx, next)=>{`$ ~1 X9 w0 ~, j
`ctx.body = ctx.url;`$ ]$ E* W8 }; Q- O! O
`ctx.body = ctx.path;`7 y. K. l: A; O; m8 c& z" y
`ctx.body = ctx.query;`
5 r+ \6 D/ V5 s. j- V) {" t `ctx.body = ctx.querystring;`% b# _% j/ {, h/ q8 E O- f3 f
`});`" ?# Q% P6 _. x! m. o+ @/ Q, P, d
`koa.listen(3000, ()=>{`
% n5 X0 P# Z- i% R! Y `console.log(``"监听开始"``);`
) S- o W M# H J6 k) ] `});`
* _; z( c7 a" S4 c 访问http://localhost:3000/path?name=sjl&age=18为例，效果图： 5 q6 A1 s# T' m
1. url: 整个路径 $ y0 f+ ? [2 z, S, k2 ?1 D% c0 c% \
8 x; Z! E* z7 I( A- M- Z" e5 q8 F 2. path: 非查询部分 + U/ q6 \6 f' { p' M! l- H
I4 U, `1 j6 Z% t
3. query: 将查询部分转为JSON对象
# f$ `. I# @& L) f+ L4 Q( s+ { 4 |' d4 e% {6 Z2 f8 m
4. querystring: 将查询部分转为字符串
/ U, S) b5 O }( W
. Y# @; x$ K3 Y; C- I5 O% z [ 5. ctx.state ,ctx.type 表示状态吗和类型
1 b6 z( O! Z( i5 G" c# V 2.简单爬虫练习 2 D Y, v) e9 S
安装request，cheerio模块
J# S3 J- ?- x1 e ]! T* q `npm i -S request: 请求模块`! S% S) N* J4 m, |8 X
`npm i -S cheerio: 抓取页面模块(JQ核心)` ( l7 l8 b" L' l7 r Q% {
抓取网页数据案例(随机网页)
r( J8 |% A! V `//导入模块`
2 Q5 A! b! s7 }" X3 W/ ^ `const request = require(``"superagent"``);` `//导入请求模块`9 U! `+ v" [. `% r6 B
`const cheerio = require(``"cheerio"``);`1 r2 r. n. @4 I
`const {join} = require(``"path"``);`+ O! ~6 C5 N+ |- D
`const fs = require(``"fs"``);`
! q; V! r5 n" L5 m$ r `let arr = [],` `//存放数据`! E9 |% M; Q! G- P
`reg = /\n|\s+/g,` `//replace中使用`3 J8 M+ S4 a# ^" d% i$ l
`url =` `"[https://www.shiguangkey.com/course/search?key=%E5%89%8D%E7%AB%AF/](https://www.shiguangkey.com/course/search?key=%E5%89%8D%E7%AB%AF/)"``;`! _* T2 s: H* ~: j
`request`
, }% G/ R- n2 w0 G7 W& U: T8 a `.get(url)`
( C5 O+ q) r. S6 [ `.end((err, res) => {`
6 w5 d9 F M6 a `const $ = cheerio.load(res.text);` `//把字符串内的标签当成dom来使用`' l. X# l" t( e
`$(``".course-item"``).each((i, v) => {`
8 C" ^5 ?. l5 h- o `// v当前进来的dom，根据网页的布局结构来找到准确的dom节点`! B0 P7 e" P$ `! h$ j& t4 [
`const obj = {`
7 @' Q" V D% k; r7 R `imgSrc : $(v).find(``"img"``).prop(``"src"``),`4 l& J: m5 W1 R5 k: @. ^
`price : $(v).find(``".fr span"``).text().replace(reg,` `""``),`
; j5 w$ F' m) O% h `total : $(v).find(``".item-txt"``).text().replace(reg,` `""``),`
# u6 O+ |- n& x2 |' B) |- k `href : join(url + $(v).find(``".cimg"``).prop(``"href"``))`
' g( T4 H1 O5 e5 n; e# X `};`
5 @# u* C7 j8 a& @$ m4 ^ `console.log(join(url + $(v).find(``".cimg"``).prop(``"href"``)));` `//拼接`6 D0 r+ q; c( {0 T! K% f
`arr.push(obj);` `//把对象放进数组里`% r% P# {2 Y+ O" G( R5 T% G3 ]( j
`});`
% ~5 ?- B) ], m. T& M7 C0 S$ e6 C `fs.writeFile(``"./sjl.json"``, JSON.stringify(arr));` `//将爬到的数据写入文档中`1 C ~2 M* M- ]) D( x
`});`
o" ]1 y. F; w1 M 以上就是本文的全部内容，希望对大家的学习有所帮助
2 ?0 Y ~" n% M# q @0 w( ]% k7 Z9 j. d) o3 c# H1 v
4 s) o- |% {3 Z0 Y/ L2 r4 v9 W. Q- N/ V. y
# R, r0 l+ `3 |5 N. r1 l | 
