Koa2學習（三）GET請求

GET請求是前後端互動最常用的請求之一，常常用來進行查詢操作。
那麼Koa是如何接收並處理GET請求呢？

建立一個服務

// 引入Koa
const Koa = require('koa')
const app = new Koa()
app.use(async ctx => {
    ctx.body = 'Hello World'
})
app.listen(8000)

module.exports = app

1. 其中ctx是Koa2非常重要的一個上下文物件，可以把它理解為一個全域性的頂層物件，Koa2裡面絕大部分的屬性和方法都可以通過ctx物件獲取。
   
2. 其中ctx.body就是返回的html內容。
3. app.listen(...)是koa2的一個語法糖，等於運行了下面這兩個方法，實質就是呼叫http模組建立一個監聽埠的服務。
4. 每收到一個http請求，koa就會呼叫通過app.use()註冊的async函式，並傳入ctx和next引數。

const http = require('http');
http.createServer(app.callback()).listen(...);

接收請求

koa2每一個請求都會被傳入到app.use()方法中，app.use會把請求資訊放入到ctx中，我們可以從ctx中獲取請求的基本資訊。

app.use(async ctx => {
    const url = ctx.url // 請求的url
    const method = ctx.method   // 請求的方法
    const query = ctx.query // 請求引數
    const querystring = ctx.querystring // url字串格式的請求引數
    ctx.body = {
        url,
        method,
        query,
        querystring,
    }
})

現在訪問localhost:8000?username=zj

{
    "url": "/?username=zj",
    "method": "GET",
    "query": {
        "username": "zj"
    },
    "querystring": "username=zj"
}

請求url是/?username=zj，請求方法是GET，請求引數是username=zj。

ctx還有一個request物件，是http請求物件，我們也可以從ctx.request中獲取上面的引數。

app.use(async ctx => {
    const req = ctx.request
    const url = req.url // 請求的url
    const method = req.method   // 請求的方法
    const query = req.query // 請求引數
    const querystring = req.querystring // url字串格式的請求引數
    ctx.body = {
        url,
        method,
        query,
        querystring,
        req,
    }
})

瀏覽器訪問結果：

{
    "url": "/?username=zj",
    "method": "GET",
    "query": {
        "username": "zj"
    },
    "querystring": "username=zj",
    "req": {
        "method": "GET",
        "url": "/?username=zj",
        "header": {
            "host": "localhost:8000",
            "connection": "keep-alive",
            "cache-control": "max-age=0",
            "upgrade-insecure-requests": "1",
            "user-agent": "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36",
            "accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8",
            "accept-encoding": "gzip, deflate, br",
            "accept-language": "zh-CN,zh;q=0.9",
            "cookie": "_ga=GA1.1.1379681827.1520244125"
        }
    }
}

總結

1. 我們通過app.use()方法，接收並處理http GET請求。
2. 通過app.use()中傳入async方法的ctx物件或者ctx.request獲取到請求資訊。