|
! D7 I4 o* ~4 e! l9 ?
Koa -- 基于 Node.js 平台的下一代 web 开发框架
* t# W- Y1 n- K3 P koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，可以免除重复繁琐的回调函数嵌套， 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。koa2利用ES7的async/await特性，极大的解决了我们在做nodejs开发的时候异步给我们带来的烦恼。 / g6 ~5 l% o2 e% q3 R
英文官网：http://koajs.com
( o$ H8 n; l. d9 M: j" i 中文官网：http://koajs.cn 1 G5 o- V$ L0 S( X2 c, A
1.koa
: \; ?1 z8 ?6 E+ `' J 安装koa包: npm i -S koa@latest & N9 N3 ]. q8 N
引入: const koa = require("koa"); 实例化对象: const app = new koa;! M) }8 P5 r& n' ?$ y) y+ ^% k$ C
通过实例操作,专门用于客户端请求的函数叫做中间件,使用use()注册
! Y1 @$ s, `2 |: R/ H, s1 e use()函数中必须使用异步 async; use可是调用无数次; & a3 Y8 m3 B: @8 K
其中有两个参数: # \: @' {7 L0 N4 {, S& O. Q/ K4 v
a)ctx: 上下文环境,node的请求和响应对象,其中不建议使用node原生的req和res属性,使用koa封装的requset和response属性 & M% [4 a. e; A" H# [" c* f/ U, |
b)next: next(),将本次控制权交给下一个中间件。 . D o- |. [ W# J9 Z- s
最后一个中间件使用next()无意义，执行完控制权返回上一层，直至第一个。
/ R7 D/ Y8 @- [1 M# n 1. next参数的使用demo
; H* W1 M% l) }- \" J `const Koa = require(``"koa"``);`) T; D3 X1 O1 l
`const koa =` `new` `Koa();`' }/ s) U4 L" Z& D* {3 [9 l
`//中间件1`8 D" T ~# z" r' u2 ^- }$ l
`koa.use(async (ctx, next) => {`
% m2 Y2 p9 Q' ?' } `console.log(``"1 , 接收请求控制权"``);`
B0 A# x" j' E0 D3 S+ L. v `await next();` `//将控制权传给下一个中间件`
: c; _' E4 t0 h2 Y, a `console.log(``"1 , 返回请求控制权"``);`
6 ]% G0 G% h$ M! p `});` `//将中间件注册到koa的实例上`
9 i; G; D) w# R+ P1 m5 ]! y `//中间件2`
/ x$ ^1 |' r- r `koa.use(async (ctx, next) => {`: Z6 N+ V0 z, \3 i1 h" r |! k
`console.log(``"2 , 接收请求控制权"``);`
7 A$ g7 F" y5 N+ D& i4 ] await next();`
. D- b8 e) M3 i" @3 _$ {# X- ? `console.log(``"2 , 返回请求控制权"``);`
* C# L5 L2 ?1 f% } `});`/ J2 I7 z0 `5 _" e1 j
`//中间件3`9 H, m1 r; Q: a* F; b) @9 X; H3 I
`koa.use(async (ctx, next) => {`
$ s. k; V8 W/ I `console.log(``"3 , 接收请求控制权"``);`9 J- u4 e$ W" [; }
`console.log(``"3 ,返回请求控制权"``);`
# s2 y2 c) I% T$ E( s `});`
3 q/ r5 m @8 T% P" C/ C `koa.listen(3000, ()=>{`4 j$ h2 K6 i) K
`console.log(``"开始监听3000端口"``);`+ j1 d5 S! ]% `
`});`
1 [6 P" e( C- B @7 m( t 注：当中间件中没有next(),不会执行下面的中间件 - r; \$ U. m! b2 h8 J
访问localhost:3000的效果图； - ~5 n( [1 M* s0 H
3 m! `. P3 h$ m8 L6 Z0 v' E) s/ K0 b
注：会有两次操作是因为图标icon也会请求一次 8 W6 @, G% B" S
2.ctx参数的使用demo 9 ?7 n% M) x2 e! e
`const Koa = require(``"koa"``);`
- T/ ]( e3 F; d& p `const koa =` `new` `Koa();`
2 y( a9 T& [9 q$ |. W8 y$ C `koa.use(async (ctx, next)=>{`9 y3 |' b3 E. `: ^
`ctx.body =` `"body可以返回数据，"``;`: ?' z7 X" \8 L+ u0 J7 B2 z
`ctx.body +=` `"可以多次调用，"``;`+ B# q* w1 w# _) ^
`ctx.body +=` `"不需要end()"``;`; N; h: M# J9 x4 e; @3 I+ R- W
`});`
( a3 z1 o1 f. r0 F `koa.listen(3000, ()=>{`
* p y- c; q3 c5 h5 I `console.log(``"监听开始"``);`4 K! |# J* B3 W
`});`
4 P- I1 N6 N9 C3 J. T 效果: : ]% P$ T; S: n4 s
* V, F4 U) {/ j$ _) ?8 |0 |( B ctx.url ,ctx.path ,ctx.query ,ctx.querystring ,ctx.state ,ctx.type
, F2 B F/ O3 K& \( h" U/ E `const Koa = require(``"koa"``);`1 O( T5 }5 N7 H( ^7 D
`const koa =` `new` `Koa();`- Z$ D% k6 t' v8 B" b: s
`koa.use(async (ctx, next)=>{`
' v2 A5 ^' I5 J1 } `ctx.body = ctx.url;`
- R+ G: `" i" t7 S- W/ Q `ctx.body = ctx.path;`
1 A$ K: x( z, _2 F `ctx.body = ctx.query;`
' M+ x8 O1 ]* ]9 I4 z `ctx.body = ctx.querystring;`! K; f5 L% P4 ~& Q/ N
`});`+ J9 e% F$ Q# N _
`koa.listen(3000, ()=>{`
. d# N+ F; Z. z# a5 @# A- z, I `console.log(``"监听开始"``);`
- y% c7 S; C$ {, o9 }; u" U/ R `});` ' `: c; ~& T" z5 {( p9 F R# m3 z
访问http://localhost:3000/path?name=sjl&age=18为例，效果图：
: y$ {' N _1 m# _+ m 1. url: 整个路径
& W5 V5 c$ j u+ b' f
W' J; m. a8 f% d( z3 o2 Y 2. path: 非查询部分
% j% m& x1 t( L1 S! ` % `. \1 t, Y% \, C- y9 T+ ~
3. query: 将查询部分转为JSON对象 4 Y. j0 ]4 H" V' c) s( s( Y4 u
+ \% |0 E4 |0 O6 M) e3 V. o 4. querystring: 将查询部分转为字符串
# R; B9 A5 a0 J- h+ y$ G
! l5 y0 f# w6 Z W* g3 z9 c 5. ctx.state ,ctx.type 表示状态吗和类型 & R. b* C/ _; \$ L1 P8 |
2.简单爬虫练习
* ?7 W, @- z+ k ]* @+ c6 E" a 安装request，cheerio模块 % p& M* d2 X9 l+ U8 d. v
`npm i -S request: 请求模块`
3 A' k7 X2 e# ?- I, ~ ` `npm i -S cheerio: 抓取页面模块(JQ核心)`
5 k& {. f1 O' Q 抓取网页数据案例(随机网页)
/ u; }6 |; C* l, s; p `//导入模块`
& X: n9 Q0 b$ f6 \+ u. x! N1 \) C8 { `const request = require(``"superagent"``);` `//导入请求模块`
3 h L/ O) ?: g* N7 J2 o1 X `const cheerio = require(``"cheerio"``);`
' g0 W+ v! i8 ]" D1 X9 w& Y+ _ `const {join} = require(``"path"``);`6 u! N! z" M4 D
`const fs = require(``"fs"``);`% x& E o$ \) M9 T# u! q
`let arr = [],` `//存放数据`6 D+ \9 q" p7 X0 |
`reg = /\n|\s+/g,` `//replace中使用`1 z- }8 C, Y. j' C6 v1 y# L$ j" V
`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/)"``;`% M: z3 e# U. Y: W% U5 | z+ w
`request`! x' n' }' y! D$ Q
`.get(url)`
& o" S& z: Y, }7 Z+ H; w9 G! ? `.end((err, res) => {`8 Y7 h9 N( u+ ?9 z! p7 ]
`const $ = cheerio.load(res.text);` `//把字符串内的标签当成dom来使用`; x; i a1 Y) b u
`$(``".course-item"``).each((i, v) => {`
8 t6 G6 X0 y9 ^* ` `// v当前进来的dom，根据网页的布局结构来找到准确的dom节点`
) n9 [- a: {2 r$ c1 m! ] `const obj = {`' V" q% Z; u# u! d* _
`imgSrc : $(v).find(``"img"``).prop(``"src"``),`0 i5 {, P1 g7 W, r+ N5 J k! a
`price : $(v).find(``".fr span"``).text().replace(reg,` `""``),`
4 q, n# m" i9 Q/ i `total : $(v).find(``".item-txt"``).text().replace(reg,` `""``),`% _9 K! ^: B' m- G- R9 B
`href : join(url + $(v).find(``".cimg"``).prop(``"href"``))`
. V# E; x5 S. s0 o3 _* n8 ?( ~ `};`
8 ^1 d! x) C4 W( p; h* H6 ^ `console.log(join(url + $(v).find(``".cimg"``).prop(``"href"``)));` `//拼接`
& f% n# r! _4 c9 {" h* O' z! c* R `arr.push(obj);` `//把对象放进数组里`
2 A6 I8 l& X7 D n. e. F& O8 P1 @ `});`/ X5 t9 u" e. o: Q+ H
`fs.writeFile(``"./sjl.json"``, JSON.stringify(arr));` `//将爬到的数据写入文档中`
9 H8 u: b) g8 ]& s `});` : y% s( g) z/ W7 [5 X4 C _
以上就是本文的全部内容，希望对大家的学习有所帮助 # Q. C7 k; n- F+ [* \
: h w; k/ ~" t* M. R! }) G2 {+ B: K' S& q+ v0 s0 r' `
7 n7 Q, o, x0 P# }# D" Y. g0 J
6 H2 M/ s5 w6 A; O6 ?8 g | 
