koa2 從入門到進階之路 (一)

首先咱們先來了解一下 Koa 是什麼,https://koa.bootcss.com/,這是 Koa 的官方網站,映入眼簾的第一句就是 Koa -- 基於 Node.js 平臺的下一代 web 開發框架。css

在學習 Koa 以前咱們應對 Node.js 有必定的基礎,咱們都知道:前端

Node.js 是一個異步的世界,官方 API 支持的都是 callback 形式的異步編程模型,這會帶來許多問題,例如:一、callback 嵌套問題 二、異步函數中可能同步調用 callback 返回 數據,帶來不一致性。爲了解決以上問題 Koa 出現了。node

koa 是由 Express 原班人馬打造的,致力於成爲一個更小、更富有表現力、更健壯的 Web 框架。 使用 koa 編寫 web 應用,能夠免除重複繁瑣的回調函數嵌套, 並極大地提 升錯誤處理的效率。koa 不在內核方法中綁定任何中間件, 它僅僅提供了一個輕量優雅的 函數庫,使得編寫 Web 應用變得駕輕就熟。開發思路和 express 差很少,最大的特色就是 能夠避免異步嵌套。web

Koa2 的安裝與使用對 Node.js 的版本也是有要求的,Node.js 是有要求的,它要求 Node.js 版本高於 V7.6。由於 node.js 7.6 版本 開始徹底支持 async/await,因此才能徹底支持 Koa2。express

安裝 Koanpm

安裝 Koa 框架和咱們之前安裝其餘模塊是同樣的。編程

npm install --save koa / cnpm install --save koa

--save 參數,表示自動修改 package.json 文件,自動添加依賴項。json

接下來咱們就實戰來看一下如何安裝使用一個最簡單的 Koa 應用並在本地運行。app

首先咱們先建立一個咱們要開發的項目的目錄中,而後運行  npm init ,爲咱們的項目起個名字,而後一路回車,這樣就會在咱們的項目目錄中建立一個最基本的 package.json 的文件,接下來安裝咱們要使用的 koa 模塊  npm install koa --save ,這樣咱們就引入了 koa 木塊,接下來就和 Express 模塊是同樣的操做流程,咱們在項目目錄中建立一個 app.js,在 app.js 中寫咱們的程序就能夠了。框架

最終咱們建立的項目目錄以下:

咱們在 app.js 中寫一個簡單的案例:

 1 var koa = require("koa");
 2 
 3 var app = new koa();
 4 
 5 // Express 寫法
 6 // app.use(function (req, res) {
 7 //     res.send("hello word")
 8 // });
 9 
10 app.use(async (ctx) => {
11     ctx.body = "hello word"
12 });
13 
14 app.listen(3000);

在上面的代碼中,咱們首先引入 koa 模塊,而後建立一個 koa 實例,接下來和 Express 同樣的是建立一箇中間價,而後寫一個異步函數來向前端頁面返回數據。

Express 的寫法在這裏就不作過多解釋了,咱們來看一下 koa 寫法,咱們經過 async ()=>{} 的異步方法與前端創建鏈接,裏面會有一個 cxt 的參數,咱們能夠經過 ctx.body 的形式向前端發送數據。

app.listen(3000); 來監聽 3000 端口,咱們將程序運行起來,在前端輸入 localhost:3000

這樣咱們就實現了一個最基本的 koa 的小案例,接下來咱們會深刻介紹 koa 框架。

相關文章
相關標籤/搜索