|
" y5 j) [7 k* g8 p2 W. L
Koa -- 基于 Node.js 平台的下一代 web 开发框架 ( \1 Q; V# l; x" J" i; K! P
koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，可以免除重复繁琐的回调函数嵌套， 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。koa2利用ES7的async/await特性，极大的解决了我们在做nodejs开发的时候异步给我们带来的烦恼。 / J' i5 T8 J/ Z/ n
英文官网：http://koajs.com
3 s, [4 b2 |7 P) N- t 中文官网：http://koajs.cn
- Z( T, ^2 W5 m* y/ M 1.koa
; ~* a* C2 X8 |+ y& }6 m 安装koa包: npm i -S koa@latest
! O# l* o( x) N8 r% a 引入: const koa = require("koa"); 实例化对象: const app = new koa;
$ d/ O/ B& x5 M8 D7 p% E 通过实例操作,专门用于客户端请求的函数叫做中间件,使用use()注册 + _$ G8 x3 @% K; g. Z
use()函数中必须使用异步 async; use可是调用无数次; ! t3 x7 i2 g# d+ ]6 O% x
其中有两个参数: - R8 P+ |/ x. N7 U
a)ctx: 上下文环境,node的请求和响应对象,其中不建议使用node原生的req和res属性,使用koa封装的requset和response属性 " y8 g5 A% ]# }$ Z; n# V7 U! {' P
b)next: next(),将本次控制权交给下一个中间件。
! ^0 i; ], m( n# W; d3 f& n O; N 最后一个中间件使用next()无意义，执行完控制权返回上一层，直至第一个。
. s5 r) E. J" A4 n5 m- i$ o 1. next参数的使用demo
9 z! f5 H* I( b% \6 L `const Koa = require(``"koa"``);`9 j$ w( j1 S% \' @+ q6 p4 M
`const koa =` `new` `Koa();` L' | Q2 W) E9 q" r+ L6 j% `9 v
`//中间件1`% f9 B: R' ~! c0 b7 K( S. ~
`koa.use(async (ctx, next) => {`3 e& J9 \# u$ g7 b
`console.log(``"1 , 接收请求控制权"``);`
. p% m0 T- K* `3 c/ L$ E6 L `await next();` `//将控制权传给下一个中间件`0 `8 l0 l8 Q: Q6 [6 L/ x$ x
`console.log(``"1 , 返回请求控制权"``);`
o! K) ~4 ~ X& A `});` `//将中间件注册到koa的实例上`
' R$ g2 N. K+ a* i6 u" R0 B) g `//中间件2`( o- p- z4 G8 u- j1 n Y7 B/ |* B
`koa.use(async (ctx, next) => {`; f9 \( l, I; i/ C
`console.log(``"2 , 接收请求控制权"``);`' o: d8 h# f: P. S
await next();`
( n# z) U* Y7 \* z5 s `console.log(``"2 , 返回请求控制权"``);`+ U; J1 e9 P. y4 G# r( G2 y
`});`- j6 e- a$ z: p* ~
`//中间件3`) W: m: Z5 j; k \% G+ Y7 v# r
`koa.use(async (ctx, next) => {`
3 v( m0 q9 Z- A `console.log(``"3 , 接收请求控制权"``);`7 H# Y( v8 ]5 ?) v$ C) Q
`console.log(``"3 ,返回请求控制权"``);`
0 h+ p2 @* r5 [& x: U( ^0 W7 U `});`+ ]) Y% m. k& O# M4 J) M
`koa.listen(3000, ()=>{`
" K; }, \4 z, A5 [9 M `console.log(``"开始监听3000端口"``);`* P* S& A7 ] V
`});` ! ]1 S8 [" C9 G1 ^( m5 D
注：当中间件中没有next(),不会执行下面的中间件
) t1 R- |% @& b; b4 P 访问localhost:3000的效果图； 5 e- @1 d! W) A+ ~0 _
7 F6 l( I9 H0 e/ m 注：会有两次操作是因为图标icon也会请求一次
- |) M9 @6 [, p: X) B 2.ctx参数的使用demo
- c7 U7 Q+ T% P5 s6 o$ h8 q `const Koa = require(``"koa"``);`
( |8 X# z( m+ o3 u+ N1 m7 e5 O* { `const koa =` `new` `Koa();` G* j1 E% P6 v
`koa.use(async (ctx, next)=>{`
c, h- v0 @" C0 Y% O2 P- m `ctx.body =` `"body可以返回数据，"``;`
6 N( v& i5 E2 u& \) N+ j- g2 B `ctx.body +=` `"可以多次调用，"``;`6 z' h! B/ i' [
`ctx.body +=` `"不需要end()"``;`
+ _" D- ]0 R* ^5 a `});`& O; D- m/ k3 E. K
`koa.listen(3000, ()=>{`6 @: \) @) l# z! p2 A# u
`console.log(``"监听开始"``);`
* X& _8 t% B3 u+ h8 a* R D& f `});` ( ~2 A' Z6 n" e) Q: I: z' [0 D
效果:
# Z! w' t6 w$ O+ t 2 N' @1 i3 V9 A4 i
ctx.url ,ctx.path ,ctx.query ,ctx.querystring ,ctx.state ,ctx.type o& c8 L( k9 {% O2 d
`const Koa = require(``"koa"``);`1 H" z' Z T) u
`const koa =` `new` `Koa();`
! ~9 {2 R) ]4 i7 {/ T `koa.use(async (ctx, next)=>{`4 U; j+ ^7 x, {4 c! ~
`ctx.body = ctx.url;`) Y( t, I# U$ ~) |, k
`ctx.body = ctx.path;`
% V; Q) C6 [2 @* h8 e `ctx.body = ctx.query;`
, P+ c4 S; H ]0 Y! x3 Q* U `ctx.body = ctx.querystring;`
9 \ k' ] ]2 l! \ s W5 I* K `});`
( w: ^) x L6 P `koa.listen(3000, ()=>{`% Y! a* C! V: t* ~4 W
`console.log(``"监听开始"``);`; ^2 Y& h z& _) d8 p. Q. R
`});`
* H: A8 ] f0 b6 J1 R 访问http://localhost:3000/path?name=sjl&age=18为例，效果图：
: r$ O3 v- r( a) [ 1. url: 整个路径
1 l) y& B- L- a& c0 j, `1 X. f" Y * Y) N1 p( e, I( E
2. path: 非查询部分
4 T, w- F; O$ w. z( Q- a7 Y A " P: g- F$ y; Z" O
3. query: 将查询部分转为JSON对象 % n, K1 F9 g' q7 ^1 |# X
) N( u: Q9 E# j( J& r. ]) }7 e3 V
4. querystring: 将查询部分转为字符串
' Z$ D. H* U" ?3 s3 u
; E% H* W5 H; w% B/ k 5. ctx.state ,ctx.type 表示状态吗和类型
. r9 w- S: Z6 c% C$ g4 \$ Q 2.简单爬虫练习
% t3 W8 u& z4 M$ k& V5 U 安装request，cheerio模块
$ \" c4 ^: c+ H1 z7 U. Z- |8 [ `npm i -S request: 请求模块`
7 n, x* m: z8 U5 V1 T$ y# ` `npm i -S cheerio: 抓取页面模块(JQ核心)` & c* |" M: P# z3 {/ ]/ |% e
抓取网页数据案例(随机网页) , ]" W! n) m$ r9 Q% O
`//导入模块`: t8 C4 |* g u3 G' ]; ?5 r0 h
`const request = require(``"superagent"``);` `//导入请求模块`9 C! {( s' { ?; L; I2 C C7 q' H) P. G
`const cheerio = require(``"cheerio"``);`
* I" }/ W3 m, [3 O2 ?( R8 b: N `const {join} = require(``"path"``);`# M# }0 w( q* q
`const fs = require(``"fs"``);`/ f& O* N: Y6 |, f
`let arr = [],` `//存放数据`
: Q5 V5 C& a+ g7 g: i+ A3 O1 Y `reg = /\n|\s+/g,` `//replace中使用`
& Q( f& h3 P! a# _ `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/)"``;`
9 C$ x; x/ n4 y# n$ k' m0 E+ V5 ? `request`+ w- A* F# h: A- G' S7 o2 Q' B
`.get(url)`
- r' H1 c, ^# v, C' E' N* i `.end((err, res) => {`
% F3 j! B9 R ?$ X/ x1 ~2 { `const $ = cheerio.load(res.text);` `//把字符串内的标签当成dom来使用`. l3 W. K w4 l ~
`$(``".course-item"``).each((i, v) => {`9 P) Z. M+ {. B0 J" l
`// v当前进来的dom，根据网页的布局结构来找到准确的dom节点`2 X# w( r3 M S, x/ F3 r7 v- M8 c
`const obj = {`( I& f; J4 z& W1 F' x
`imgSrc : $(v).find(``"img"``).prop(``"src"``),`
- E3 W) P& m3 Q7 ]% A; K `price : $(v).find(``".fr span"``).text().replace(reg,` `""``),`
5 ]( e" g& k4 x `total : $(v).find(``".item-txt"``).text().replace(reg,` `""``),`; V# Q+ l- {2 p* k- K
`href : join(url + $(v).find(``".cimg"``).prop(``"href"``))`
/ }0 K( V+ [, ^1 U: p `};`
/ K O. n; Z4 p. y+ ~$ _, R/ T0 P `console.log(join(url + $(v).find(``".cimg"``).prop(``"href"``)));` `//拼接`
7 F6 E! m# q6 e2 ~' A `arr.push(obj);` `//把对象放进数组里`6 M' k" ~! B, P* `
`});`/ u1 U8 u5 o4 x$ ^( T* V
`fs.writeFile(``"./sjl.json"``, JSON.stringify(arr));` `//将爬到的数据写入文档中`4 b8 N {3 H i% v3 d) r- A0 t
`});` * u0 i% c w4 [: L0 |" k
以上就是本文的全部内容，希望对大家的学习有所帮助 * _7 b" J( z9 o! V! i C2 o% a
/ d% t3 s" }6 G
. a! S' w& C1 l! g* y- \: _
2 {2 J( s: X- {9 ]! K6 h) \4 _, L ]8 N# L3 V2 T3 o3 D" d
| 
