koa基础初步使用

Koa由Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。
没有捆绑任何中间件， 而是提供了一套优雅的方法去编写服务端应用程序

安装、启动服务

npm init
npm install koa

const koa = require('koa')
const app = new koa()

// 启动服务 端口为3000
app.listen(3000)
// 使用node app命令启动服务

这样每次修改文件都需要重新启动服务，可以使用nodemon监听文件变化自动重启
npm install nodemon -g 然后启动服务时，使用nodemon app.js

响应返回

const koa = require('koa')
const app = new koa()

app.use(async ctx => {
  ctx.body = 'Hello World';
})

// 启动服务 端口为3000
// 浏览器访问locahost:3000 返回hello world
app.listen(3000)

使用koa-router插件管理路由

为koa设计的路由中间件，路由由url生成

const koa = require('koa')
const app = new koa()
// 引入路由、实例化
const router = require('koa-router')()

router.get('/api/testapi', async ctx => {
  // const data = await fetchData()
  const data = '这是从testapi返回出去的数据'
  ctx.body = data
})

app.use(router.routes())
app.use(router.allowedMethods())

// 浏览器访问locahost:3000/api/testapi
app.listen(3000)

爬取数据

安装插件、首次完整抓取

# 安装所需插件
npm install superagent cheerio superagent-charset

const koa = require('koa')
const app = new koa()
const router = require('koa-router')()

// 引入插件
const charset = require('superagent-charset')
const superagent = require('superagent')
charset(superagent)
const cheerio = require('cheerio')

superagent.get('https://s.weibo.com/top/summary?cate=realtimehot')
  .charset()
  .end((err, sres) => {
    const html = sres.text
    console.log(html)
  })

router.get('/api/testapi', async ctx => {
  const data = '这是从testapi返回出去的数据'
  ctx.body = data
})

app.use(router.routes())
app.use(router.allowedMethods())

app.listen(3000)

此时启动服务，就会去访问微博热搜页面，命令行中打印页面源码说明爬取成功

分析节点源码，处理数据

const $ = cheerio.load(html)
let hotList = []
$("#pl_top_realtimehot table tbody tr").each(function(index) {
  if (index !== 0) {
    const $td = $(this).children().eq(1);
    const link = 'https://s.weibo.com' + decodeURI($td.find("a").attr("href"));
    const text = $td.find("a").text();
    const hotValue = $td.find("span").text();
    const icon = $td.find("img").attr("src")
      ? "https:" + $td.find("img").attr("src")
      : "";
    hotList.push({
      sort: index,
      link,
      text,
      hotValue,
      icon,
    })
  }
})

前端请求数据、查看接口返回

本地环境中，koa服务需要设置cors以允许跨域访问
使用koa-router管理请求

npm install koa2-cors koa-router --save

const Koa = require('koa')
const app = new Koa()
const router = require('koa-router')();

// 设置允许跨域访问服务
const cors = require('koa2-cors')
app.use(cors())

- app.use(async ctx => {
- 	const data = await getSinaData()
- 	ctx.body = data
- })

+ router.get('/api/getSinaHotSearchList', async ctx => {
+ 	const data = await getSinaData()
+ 	ctx.body = data
+ })

app.listen(3000, () => {
  console.log(`success and it is listening at port 3000`)
})

页面接口请求、查看返回数据

fetch.get('http://localhost:3000/api/getSinaHotSearchList')
	.then(response => response.json())
	.then(res => {
		console.log(res)
	})