|
5 j0 T( p. Y0 r W: }1 v Koa -- 基于 Node.js 平台的下一代 web 开发框架
2 r' i; Q8 B8 e7 O koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，可以免除重复繁琐的回调函数嵌套， 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。koa2利用ES7的async/await特性，极大的解决了我们在做nodejs开发的时候异步给我们带来的烦恼。 - x E8 b: ]. }) d
英文官网：http://koajs.com
: p% h8 @. X4 y; h% O { 中文官网：http://koajs.cn , E- T4 ], E" t, q
1.koa
3 a- r' a* L8 ^& T2 S& q2 j$ B 安装koa包: npm i -S koa@latest
/ [5 N4 s* m3 I% n6 T 引入: const koa = require("koa"); 实例化对象: const app = new koa;
( _/ }: O1 b( @3 c7 U 通过实例操作,专门用于客户端请求的函数叫做中间件,使用use()注册
, b1 e; g( o9 i4 S' h5 y/ T9 i use()函数中必须使用异步 async; use可是调用无数次; ' ?6 ~, u7 p3 m7 ~; F" v
其中有两个参数: * ?" w2 y/ g: }' j% \& \" D3 h
a)ctx: 上下文环境,node的请求和响应对象,其中不建议使用node原生的req和res属性,使用koa封装的requset和response属性 - e- o( N: ]" D- [8 ?
b)next: next(),将本次控制权交给下一个中间件。
% {+ w" w( e4 Z# @7 L 最后一个中间件使用next()无意义，执行完控制权返回上一层，直至第一个。 : Y( k3 R; G3 s6 E5 _: `) _9 c
1. next参数的使用demo . l6 o* V, D9 ^# o/ L
`const Koa = require(``"koa"``);`
* o% F! U, b3 q `const koa =` `new` `Koa();`+ g% t, b4 f& u2 \" q
`//中间件1`
! R% h6 f% F7 d# l' M( g `koa.use(async (ctx, next) => {`$ ~* b4 X; a8 A" j4 y
`console.log(``"1 , 接收请求控制权"``);`1 Y8 G6 r2 ^" Q, o" B
`await next();` `//将控制权传给下一个中间件`
6 Z+ T! W9 a, \! U1 p `console.log(``"1 , 返回请求控制权"``);`
9 f( p& g4 @7 X8 }1 u `});` `//将中间件注册到koa的实例上`
" n% b" S. v; d' W" `( P' O: \: Y `//中间件2`% v, B$ z) W# N% N1 Y
`koa.use(async (ctx, next) => {`8 H/ h( i2 e, h3 ]/ V/ V
`console.log(``"2 , 接收请求控制权"``);`# c6 o: ]- p1 [1 d+ H8 S
await next();`/ S8 D$ P* z! l. Q# W" k, z; C
`console.log(``"2 , 返回请求控制权"``);`4 a5 F) K5 ]4 @. V2 j4 x
`});`
* C; Z8 B/ \; \, u) M `//中间件3`
" L+ J2 n }4 J) v! o `koa.use(async (ctx, next) => {`
$ ]! @. u' X l6 H1 H `console.log(``"3 , 接收请求控制权"``);`
: r5 R7 `6 r3 a, a/ |5 a `console.log(``"3 ,返回请求控制权"``);`# d) Y# _# f- e2 h' V% ~
`});`5 h- Q" ?7 ]: q1 d q) ?! L: |
`koa.listen(3000, ()=>{`' j+ C: K% c7 H3 B+ A, ^. `$ b
`console.log(``"开始监听3000端口"``);`
; B9 v; A; i' ?# M& l `});`
7 Y, x5 Q% m6 | 注：当中间件中没有next(),不会执行下面的中间件
?2 i& Q% h# c( p& t1 Y' i 访问localhost:3000的效果图； 3 B0 J3 x9 R- Z) T% W9 J) G {1 p5 I
% r. s: O+ Y8 w+ s 注：会有两次操作是因为图标icon也会请求一次
# ?4 t/ y; G" V( _7 n 2.ctx参数的使用demo
" y5 @ P& ?; J/ v% t* Y i2 U `const Koa = require(``"koa"``);`: U& E# e! e' n1 F2 T$ b
`const koa =` `new` `Koa();`
7 j4 V6 F! c! V" U `koa.use(async (ctx, next)=>{`
' p; O$ y/ b/ W4 } `ctx.body =` `"body可以返回数据，"``;`, S8 r7 l# O9 _4 m: q5 n
`ctx.body +=` `"可以多次调用，"``;`
) k. B; r9 J( p' } m! L" g3 j2 i) H `ctx.body +=` `"不需要end()"``;`: K! H5 O# {( v& e; R
`});`
t. s' P2 Z$ b, q; z `koa.listen(3000, ()=>{`
2 D0 {# _6 n( R& @* F* v `console.log(``"监听开始"``);`+ z J6 f, b, s+ q+ [7 O7 Q4 z
`});`
: n4 A* W) C: L5 v/ b4 ^: A, H 效果: 8 A0 b1 v9 r4 A m4 Z/ P
8 z* q, K4 F( ~4 g( R) S ctx.url ,ctx.path ,ctx.query ,ctx.querystring ,ctx.state ,ctx.type
: F H- l1 w/ V8 h `const Koa = require(``"koa"``);`: G! {4 k: ^- m3 p; @. r0 H
`const koa =` `new` `Koa();`
( K; w! [* t6 p3 R7 J# u: D `koa.use(async (ctx, next)=>{`
/ e4 t3 t6 Y: S/ J+ a9 j `ctx.body = ctx.url;`
, X! Y! V4 O; a* b$ R& D. `, C `ctx.body = ctx.path;`
0 h( W2 Y$ r8 G0 c3 }4 n8 [+ r1 k `ctx.body = ctx.query;`
5 H+ c% @ D- j1 @% x1 h+ o# } `ctx.body = ctx.querystring;`6 L+ N/ f6 Z$ {% K
`});`+ w9 ~7 e- q O* w7 W3 g) Y
`koa.listen(3000, ()=>{`
$ s2 ~/ s. }1 f0 Z, Z* Q3 ~8 o% g- h `console.log(``"监听开始"``);`3 ` d& |$ p3 s( Q# K
`});` / T' Z0 ]9 z6 {
访问http://localhost:3000/path?name=sjl&age=18为例，效果图： $ |+ G: n3 e5 Q2 w; N0 {2 N- A& J. N
1. url: 整个路径
2 \( B9 Y# f4 d. r
# ?0 \2 ^. |* w, e" d N/ V2 h. @5 | 2. path: 非查询部分
# g4 w+ q8 W6 g& o# D5 m
' j3 d4 R6 L; e" E$ ? 3. query: 将查询部分转为JSON对象 9 |& V, ~4 B5 J+ a+ a8 D# F! Q
4 K2 G4 n5 |$ }9 a0 K& J& v3 L1 Q
4. querystring: 将查询部分转为字符串 ( g/ s% N4 H3 v& H4 e7 L5 k
+ e, x! ?8 M) _; Q! k 5. ctx.state ,ctx.type 表示状态吗和类型 & e9 y. }! O4 J; _
2.简单爬虫练习
$ ^7 f' o; d! _* q9 P3 {+ L* I 安装request，cheerio模块
. r. n! K: U# l: U( h4 M6 ?0 _ U1 x `npm i -S request: 请求模块`2 D' a7 V. J' j1 E+ j6 R
`npm i -S cheerio: 抓取页面模块(JQ核心)`
: U( ^5 y6 E2 U% X& j5 _ 抓取网页数据案例(随机网页) 2 m- X5 y; q- P4 }3 I6 M! k
`//导入模块`, T& E; L# m3 @% |( e
`const request = require(``"superagent"``);` `//导入请求模块`/ u2 e9 y: B% ?7 O& S2 z. `' m
`const cheerio = require(``"cheerio"``);`
1 A$ A. }" t( y# A( N `const {join} = require(``"path"``);`0 G0 F+ @' z1 W+ q8 t7 N7 B
`const fs = require(``"fs"``);`
1 s; ~, J/ [' F8 ~ `let arr = [],` `//存放数据`
9 j; d, S( |9 q; A3 [ i. C" E, h. t/ V `reg = /\n|\s+/g,` `//replace中使用`% p3 o7 {0 [$ y# x: a' H" 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/)"``;`
- c- M/ a4 H( E: `( r; f `request`
0 }) h- K& P" e8 G( z6 c% y `.get(url)`
) `) ~: o3 X/ I# C: k `.end((err, res) => {`
" T( S) n R. g. L( h `const $ = cheerio.load(res.text);` `//把字符串内的标签当成dom来使用`
# @+ x4 W u) r) ~5 Y4 Y `$(``".course-item"``).each((i, v) => {`
3 {: K! `5 {+ \0 ~/ K1 O. r6 R `// v当前进来的dom，根据网页的布局结构来找到准确的dom节点`( j4 Y" s" n( {3 W
`const obj = {`
2 }' Z* C% X/ G C; q `imgSrc : $(v).find(``"img"``).prop(``"src"``),`
% a+ [- y7 }+ ~( K$ i `price : $(v).find(``".fr span"``).text().replace(reg,` `""``),`+ l& n, \- g) x, Y' e) }! }
`total : $(v).find(``".item-txt"``).text().replace(reg,` `""``),`: O% F2 `* B+ U2 m* J% b
`href : join(url + $(v).find(``".cimg"``).prop(``"href"``))`) l. s3 X* [7 @ d$ D
`};`+ k6 c3 ^8 |. Z8 L- |
`console.log(join(url + $(v).find(``".cimg"``).prop(``"href"``)));` `//拼接`$ `. B, h6 G7 C
`arr.push(obj);` `//把对象放进数组里`# ~: F, Q4 }' ?- [& R( ~
`});`! L& d: g; W; c9 N9 j) K) _# C* x( q
`fs.writeFile(``"./sjl.json"``, JSON.stringify(arr));` `//将爬到的数据写入文档中`
! L* \9 a) d ~' [2 H, ] `});`
/ J% j6 v J. H! | 以上就是本文的全部内容，希望对大家的学习有所帮助 8 j4 M! f# c3 Z; I% p
1 s: O) w H! K
+ X9 H7 e e/ ]+ \
$ h7 U0 V0 }& B% @: x9 l6 u6 W) Z" L6 `4 U- \4 w9 [" @- ?" v
| 
