摘要:在我眼中,的確是比輕量的多,給我的感覺更像是一個中間件框架,只是一個基礎的架子,需要用到的相應的功能時,用相應的中間件來實現就好,諸如路由系統等?;诘膸?,所以利用來代替回調,而由于對的支持,所以利用的是。
koa
koa是由express原班人馬打造的一個更小、更富有表現力、更健壯的web框架。
在我眼中,koa的確是比express輕量的多,koa給我的感覺更像是一個中間件框架,koa只是一個基礎的架子,需要用到的相應的功能時,用相應的中間件來實現就好,諸如路由系統等。一個更好的點在于,express是基于回調來處理,至于回調到底有多么的不好,大家可以自行搜索來看。koa1基于的co庫,所以koa1利用Generator來代替回調,而koa2由于node對async/await的支持,所以koa2利用的是async/await。關于async以及co庫等,大家可以參考我之前寫過的一篇文章(理解async)。koa可以說是一個各種中間件的架子,下面就來看一下koa對于中間件部分的實現:
koa1的中間件koa1主要利用的是Generator來實現,一般來說,koa1的一個中間件大概是長這個樣子的:
app.use(function *(next){ console.log(1); yield next; console.log(5); }); app.use(function *(next){ console.log(2); yield next; console.log(4); }); app.use(function *(){ console.log(3); });
這樣的輸出會是1, 2, 3, 4, 5,koa的中間件的實現主要依靠的是koa-compose:
function compose(middleware){ return function *(next){ if (!next) next = noop(); var i = middleware.length; // 組合中間件 while (i--) { next = middleware[i].call(this, next); } return yield *next; } } function *noop(){}
源碼非常的簡單,實現的功能就是將所有的中間件串聯起來,首先給倒數第一個中間件傳入一個noop作為其next,再將這個整理后的倒數第一個中間作為next傳入倒數第二個中間件,最終得到的next就是整理后的第一個中間件。說起來比較復雜,畫圖來看:
實現的效果如同上圖,與redux需要實現的目標類似,只要遇到了yield next就去執行下一個中間件,利用co庫很容易將這個流程串聯起來,下面來簡單模擬下,中間件完整的實現:
const middlewares = []; const getTestMiddWare = (loggerA, loggerB) => { return function *(next) { console.log(loggerA); yield next; console.log(loggerB); } }; const mid1 = getTestMiddWare(1, 4), mid2 = getTestMiddWare(2, 3); const getData = new Promise((resolve, reject) => { setTimeout(() => resolve("數據已經取出"), 1000); }); function *response(next) { // 模擬異步讀取數據庫數據 const data = yield getData; console.log(data); } middlewares.push(mid1, mid2, response); // 簡單模擬co庫 function co(gen) { const ctx = this, args = Array.prototype.slice.call(arguments, 1); return new Promise((reslove, reject) => { if (typeof gen === "function") gen = gen.apply(ctx, args); if (!gen || typeof gen.next !== "function") return resolve(gen); const baseHandle = handle => res => { let ret; try { ret = gen[handle](res); } catch(e) { reject(e); } next(ret); }; const onFulfilled = baseHandle("next"), onRejected = baseHandle("throw"); onFulfilled(); function next(ret) { if (ret.done) return reslove(ret.value); // 將yield的返回值轉換為Proimse let value = null; if (typeof ret.value.then !== "function") { value = co(ret.value); } else { value = ret.value; } if (value) return value.then(onFulfilled, onRejected); return onRejected(new TypeError("yield type error")); } }); } // 調用方式 const gen = compose(middlewares); co(gen);koa2的中間件
隨著node對于async/await的支持,貌似不需要再借助于co這種工具庫了,直接利用原生的就好,于是koa也做出了改變,來看目前的koa-compose:
function compose (middleware) { // 參數檢驗 return function (context, next) { // last called middleware # let index = -1 return dispatch(0) function dispatch (i) { if (i <= index) return Promise.reject(new Error("next() called multiple times")) index = i let fn = middleware[i] // 最后一個中間件的調用 if (i === middleware.length) fn = next if (!fn) return Promise.resolve() // 用Promise包裹中間件,方便await調用 try { return Promise.resolve(fn(context, function next () { return dispatch(i + 1) })) } catch (err) { return Promise.reject(err) } } } }
koa-compose利用了Promise,koa2的中間件的參數也有一個變為了兩個,而且執行下一個的中間件利用的是await next(),要達到與上面的示例代碼的相同效果,需要更改中間件的寫法:
const middlewares = []; const getTestMiddWare = (loggerA, loggerB) => async (ctx, next) => { console.log(loggerA); await next(); console.log(loggerB); }; const mid1 = getTestMiddWare(1, 4), mid2 = getTestMiddWare(2, 3); const response = async () => { // 模擬異步讀取數據庫數據 const data = await getData(); console.log(data); }; const getData = () => new Promise((resolve, reject) => { setTimeout(() => resolve("數據已經取出"), 1000); }); middlewares.push(mid1, mid2); // 調用方式 compose(middlewares)(null, response);如何做到兼容
可以看到的是,koa1與koa2對于中間件的實現還是有著很多的不同的,將koa1的中間件直接拿到koa2下面來使用肯定是會出現錯誤的,如何兼容這兩個版本也成了一個問題,koa團隊寫了一個包來是koa1的中間件可以用于koa2中,叫做koa-convert,先來看看這個包怎么使用:
function *mid3(next) { console.log(2, "koa1的中間件"); yield next; console.log(3, "koa1的中間件"); } convert.compose(mid3)
來看下這個包實現的思路:
// 將參數轉為數組,對每一個koa1的中間件執行convert操作 convert.compose = function (arr) { if (!Array.isArray(arr)) { arr = Array.from(arguments) } return compose(arr.map(convert)) } // 關鍵在于convert的實現 const convert = mw => (ctx, next) => { // 借助co庫,返回一個Promise,同時執行yield return co.call(ctx, mw.call(ctx, createGenerator(next))); }; function * createGenerator (next) { /* next為koa-compomse中: function next () { return dispatch(i + 1) } */ return yield next() // 執行完koa1的中間件,又回到了利用await執行koa2中間件的正軌 }
個人感覺koa-convert的思路就是對Generator封裝一層Promise,使上一個中間件可以利用await next()的方式調用,對于Generator的執行,利用co庫,從而達到了兼容的目的。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/82635.html
摘要:實現的四大模塊上文簡述了源碼的大體框架結構,接下來我們來實現一個的框架,筆者認為理解和實現一個框架需要實現四個大模塊,分別是封裝創建類構造函數構造對象中間件機制和剝洋蔥模型的實現錯誤捕獲和錯誤處理下面我們就逐一分析和實現。 什么是koa框架? ? ? ? ?koa是一個基于node實現的一個新的web框架,它是由express框架的原班人馬打造的。它的特點是優雅、簡潔、表達力強、自由度...
摘要:實現的四大模塊上文簡述了源碼的大體框架結構,接下來我們來實現一個的框架,筆者認為理解和實現一個框架需要實現四個大模塊,分別是封裝創建類構造函數構造對象中間件機制和剝洋蔥模型的實現錯誤捕獲和錯誤處理下面我們就逐一分析和實現。 什么是koa框架? ? ? ? ?koa是一個基于node實現的一個新的web框架,它是由express框架的原班人馬打造的。它的特點是優雅、簡潔、表達力強、自由度...
摘要:通過杠桿生成器可以讓你引導回調函數,極大的提升錯誤處理。這是因為原先很難讓用戶有好的使用的回調函數。返回一個回調函數,相當于方法,來出了請求。使的有效期到期。檢查請求緩存是否刷新,或者內容是否發生改變。 Koa 次世代nodejs 的 web框架 簡介 koa是由Express幕后團隊打造的,目的是更小,更快,更穩定的web應用和apis。通過杠桿生成器(leveraging gene...
摘要:洋蔥圈處理模型。基于的靈活強大的中間件機制。參考官網提供的基本,不在贅述部分實現,參考源碼分析常用服務端口監聽返回適用于方法的回調函數來處理請求。 本文 github 地址: https://github.com/HCThink/h-blog/blob/master/source/koa2/readme.md github 首頁(star+watch,一手動態直達): https:...
閱讀 1261·2021-09-02 13:36
閱讀 2714·2019-08-30 15:44
閱讀 2972·2019-08-29 15:04
閱讀 3193·2019-08-26 13:40
閱讀 3643·2019-08-26 13:37
閱讀 1172·2019-08-26 12:22
閱讀 1003·2019-08-26 11:36
閱讀 1214·2019-08-26 10:41