|
/ b) Q& R7 u, a" V) \ Koa -- 基于 Node.js 平台的下一代 web 开发框架 , d" h( s$ H% G5 O/ J0 M
koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，可以免除重复繁琐的回调函数嵌套， 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。koa2利用ES7的async/await特性，极大的解决了我们在做nodejs开发的时候异步给我们带来的烦恼。 ) E: h0 c4 l0 m. w5 W$ x
英文官网：http://koajs.com . [2 O& `- L6 Y0 _5 U, q
中文官网：http://koajs.cn
. [0 `8 e8 m" W) L' E: d/ M 1.koa
6 x, g. m' k. K 安装koa包: npm i -S koa@latest - s9 ?& _; }) p# d. l
引入: const koa = require("koa"); 实例化对象: const app = new koa;2 S" \6 C/ c( f+ e
通过实例操作,专门用于客户端请求的函数叫做中间件,使用use()注册
2 [' d- z9 e( u# \ ]- H* E+ ^ use()函数中必须使用异步 async; use可是调用无数次;
7 q4 M9 f" y4 }: v 其中有两个参数:
/ @ Q3 r7 M- H/ d7 R `9 J+ j a)ctx: 上下文环境,node的请求和响应对象,其中不建议使用node原生的req和res属性,使用koa封装的requset和response属性
# m; [+ g8 I& p, k b)next: next(),将本次控制权交给下一个中间件。
& w3 s3 M) d! C- t) u3 q 最后一个中间件使用next()无意义，执行完控制权返回上一层，直至第一个。 3 K7 A2 T% A$ m7 y0 J
1. next参数的使用demo # }9 u- ]: m% C6 Y. n# A
`const Koa = require(``"koa"``);`8 U3 f9 M' T7 d4 u
`const koa =` `new` `Koa();`/ I0 n) e/ Y) Z2 B: J* k8 n* R% `
`//中间件1`) k: ~ F# v5 m9 j& t* l
`koa.use(async (ctx, next) => {`
! k" d! L5 O+ `2 V `console.log(``"1 , 接收请求控制权"``);`
! y6 @6 l4 v7 u4 i( E `await next();` `//将控制权传给下一个中间件`* _- u G+ B# T: y
`console.log(``"1 , 返回请求控制权"``);`
4 w* b. t5 L' E: G& \: c2 K" H/ S; ~8 o `});` `//将中间件注册到koa的实例上`$ R6 u3 Q3 z+ x
`//中间件2`, R" h/ l8 d+ r: B5 M h# z* i. u
`koa.use(async (ctx, next) => {`% q6 c8 Q3 t( y; X" q$ _' Y e
`console.log(``"2 , 接收请求控制权"``);`
. O9 k2 V8 |! A await next();`
: @- }# R: E2 U- X0 ?0 z! I `console.log(``"2 , 返回请求控制权"``);`
. {6 q; x# M- G$ R P `});`5 P; M8 Q: M! D- ~& Z! B! m! W, T
`//中间件3`
8 p8 u$ i6 D; S; C# f `koa.use(async (ctx, next) => {`5 `4 j: P1 F7 p, i& J% V
`console.log(``"3 , 接收请求控制权"``);`" D0 ^1 P5 @* M4 w
`console.log(``"3 ,返回请求控制权"``);`
. k& J* U$ S( q8 H/ l8 O9 F `});`: r) \) c: V% a/ U2 v K. Q/ B, F
`koa.listen(3000, ()=>{`
5 @2 I4 Z4 r& W; s3 {4 o; e `console.log(``"开始监听3000端口"``);`2 o& N! X) V5 F( D- B/ @
`});` " R4 K' N6 d* S8 Y! I( u
注：当中间件中没有next(),不会执行下面的中间件
9 Z9 n/ p7 b$ F- v f5 ~( [ 访问localhost:3000的效果图；
0 p3 Q- I1 j4 W 9 Z3 p* W0 T" ^. D
注：会有两次操作是因为图标icon也会请求一次 0 P9 V1 b- r9 N
2.ctx参数的使用demo 3 k: p# M6 w9 n/ [6 I' B
`const Koa = require(``"koa"``);`( }; k5 R2 H+ x/ o/ F
`const koa =` `new` `Koa();`7 B; x; P H) |- |! _
`koa.use(async (ctx, next)=>{`& t6 \) E: u! O! J ~( V( D
`ctx.body =` `"body可以返回数据，"``;`
/ f1 k _. `! r* C5 g( j `ctx.body +=` `"可以多次调用，"``;`% L6 ~8 u1 ^( Y+ G A! Y
`ctx.body +=` `"不需要end()"``;`) t3 C, I" f& d. z
`});`. H& `. x6 w- K8 b9 W( a0 G4 u
`koa.listen(3000, ()=>{`
$ K/ y4 `9 }: W0 W5 n `console.log(``"监听开始"``);`) I; ]6 y* x* t; R' }5 C& R/ N- Z
`});`
1 J: {! w1 F2 ?! a7 \ 效果:
8 Y# l$ \7 |: ~; G* ^5 R 2 V; Q- y- V9 y/ o6 Q* l# H
ctx.url ,ctx.path ,ctx.query ,ctx.querystring ,ctx.state ,ctx.type 0 t: e1 G* c C5 w: R; h4 U f
`const Koa = require(``"koa"``);`+ u! V& u9 s( S3 B3 G: Q* y: e
`const koa =` `new` `Koa();`
* E3 w( U: P' O9 `9 D0 I `koa.use(async (ctx, next)=>{`% N3 }+ y M" j3 R3 c. M1 `: {$ t; B
`ctx.body = ctx.url;`0 [$ H& [/ U* \# } @/ \ C
`ctx.body = ctx.path;`5 W0 W# B9 h5 ^2 z) {2 w- S
`ctx.body = ctx.query;`. E: D; A; M7 p0 l
`ctx.body = ctx.querystring;`# D0 n3 Q+ f, g O
`});`9 r9 N o! {0 [' h9 P! r( N: T
`koa.listen(3000, ()=>{`5 P# _5 Z, w* c t7 Y
`console.log(``"监听开始"``);`- w6 K4 {& k9 d3 v8 i
`});`
3 T$ t2 j/ A: G. ^, a+ E/ | 访问http://localhost:3000/path?name=sjl&age=18为例，效果图：
$ u% M# y/ w' u+ n$ m1 B* m, b 1. url: 整个路径 / s9 a0 c; }2 Y" @) [/ S7 p3 u' |
3 F5 G" n8 H: m/ c9 n; d0 k
2. path: 非查询部分
; e! X- E* l/ N
, Y5 v* X k; a2 b: l 3. query: 将查询部分转为JSON对象 / h* q: X; ^6 R! ~
$ }5 }2 V0 o; s, e E% E 4. querystring: 将查询部分转为字符串
' u. n; r a" Y5 H . X- G9 i2 z" O' ?1 v, k
5. ctx.state ,ctx.type 表示状态吗和类型 - |* a t# C. `) i$ `* }
2.简单爬虫练习 / b& R6 W% d3 z
安装request，cheerio模块
( j0 z0 ^& j+ A6 a( ] `npm i -S request: 请求模块`* j* X2 Q2 @! d
`npm i -S cheerio: 抓取页面模块(JQ核心)` ; n$ F0 b1 R" g' U
抓取网页数据案例(随机网页)
& Q P4 z4 r* ^& ~: o `//导入模块`6 n9 v5 Z1 S# m
`const request = require(``"superagent"``);` `//导入请求模块`/ b8 C/ y& W4 ^9 S/ E2 }* R3 u
`const cheerio = require(``"cheerio"``);`# x7 s9 N) G# _' m( J: q+ g
`const {join} = require(``"path"``);`
4 Y% a# B$ E1 l3 l) P `const fs = require(``"fs"``);`5 h( c/ h R5 v: ]6 Y w" x
`let arr = [],` `//存放数据`( J# n! [, Y) M8 i0 W
`reg = /\n|\s+/g,` `//replace中使用`
- Q- U# Y8 [8 @9 _" T* S9 i `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/)"``;`
1 C2 ?0 k* a) F# {1 I `request`( A v, w6 ]7 t
`.get(url)`
6 ~2 d7 b3 T# `% U. y& N' r `.end((err, res) => {`
' g2 R7 g' j4 ` `const $ = cheerio.load(res.text);` `//把字符串内的标签当成dom来使用`# v4 k" A N# F! P* b
`$(``".course-item"``).each((i, v) => {`( F! W7 g0 l. @: r- Q
`// v当前进来的dom，根据网页的布局结构来找到准确的dom节点` {7 ?" l: p0 U8 Y. r; B% G9 g
`const obj = {`
# w* l4 P% F4 ?; f3 s `imgSrc : $(v).find(``"img"``).prop(``"src"``),`9 G, t3 V3 ], f( n
`price : $(v).find(``".fr span"``).text().replace(reg,` `""``),`' A' [4 Q% s2 T! E" C7 y7 ]/ \
`total : $(v).find(``".item-txt"``).text().replace(reg,` `""``),`
# O7 J0 v( p2 g. e `href : join(url + $(v).find(``".cimg"``).prop(``"href"``))`& k& V2 D+ S, U+ ~, t( l+ u5 x3 t4 H
`};`
1 |: N8 a9 n d; H! U6 [& K `console.log(join(url + $(v).find(``".cimg"``).prop(``"href"``)));` `//拼接`4 \& l$ ?0 f) V) e4 ~5 D
`arr.push(obj);` `//把对象放进数组里`0 F' v+ Q$ H/ n
`});`) A) o6 U& B5 Z/ s
`fs.writeFile(``"./sjl.json"``, JSON.stringify(arr));` `//将爬到的数据写入文档中`
# r5 w4 ^5 }$ h& {2 }2 C O `});`
, U9 A. Q" v. g' G" O 以上就是本文的全部内容，希望对大家的学习有所帮助 # |3 V3 t1 r( _, u! _
9 w( w8 r. y$ E) c' C
7 O2 T7 |2 r [8 z. f6 G% D- q6 C
# X2 x/ L, N9 M* e
| 
