一、簡介

　　faked 是一個在前端開發中用于 mock 服務端接口的模塊，輕量簡單，無需要在本地啟動 Server 也無需其它更多的資源，僅在浏覽器中完成「請求拉截」，配合完整的「路由系統」輕而易舉的 mock 後端 API。

　　GitHub Rep 地址： httson 對象，它取決于發起的請求。

　　除了使用 send 方法，還可以直接「返回」數據，參考如下代碼：

　　faked.when('get','/user/{id}', function(){ return {name:'Bob'};

　　當然，在有「異步處理」時你也可以返回一個 promise 對象或像上邊那樣用 send 方法。如果你隻想 mock 數據，還可以使用簡化寫法，參考如下代碼：

　　faked.when('get','/user/{id}', {name:'bob'});

　　四、快捷方法

　　faked 還基于 when 方法提供了一組快捷方法，對應常用的 Http Methods，包括：

　　get, post, put, delete, options, patch, head, copy, link, unlink, lock, unlock, view

　　用 faked.get 寫一個示例：

　　faked.get('/user/{id}',function(){ this.send({name:'Bob'});

　　其它快捷方法和 faked.get 用法完全一緻。

　　五、路由系統

　　在編輯 Mock API 時， faked 提供了路由支持，如上邊看到的 /user/{id} ，就是一個路由「匹配模式」，其中 {id} 是一個路由參數，當多個路由同時匹配請求的 URL 時，隻會觸發第一個執行，不同的 Http Method 的 URL 匹配模式可以相同，并不會沖突。路由參數還可以加「限定表達式」，參考如下代碼：

　　// User Id 隻能是數字faked.get('/user/{id:\d }', {name:'test'});

　　六、模拟網絡延時

　　有時候，我們希望 Mock API 能延時響應數據，以模拟「網絡延時」，faked 目前支持固定的「延時設置」，參考如下代碼：

　　const faked = require('faked');//所有的請求都将被延時 2 秒種再響應用 mock 數據faked.delay = 2000;

　　當 delay 設置 0 時，将禁用延時。

　　七、設置超時時間

　　faked 還可設置 Mock API 的最大響應時間，這項設置存在的意義還在于「所有 Mock API 的 Handler 默認都是異步的，如果忘記「返回或 Send」一個響應結果，請求将會被一直挂起，有了超時設置，超時時将會抛出一個錯誤，方便定位問題」，參考如下代碼：

　　const faked = require('faked');//在超過 8 秒未響應數據時，将會打印一個錯誤消息faked.timeout = 8000;

　　超時設置和延時設置并不會相互影響，超時計算是從延時結束後開始的。

　　八、JSONP 處理

　　faked 除了能 mock 常規的 ajax 和 fetch 請求，還能 mock 常常用來處理跨域問題的 jsonp 請求，faked 有兩個參數用于配置 jsonp，參考如下代碼：

　　//指定服務端用于獲取「回調函數名」的 「QueryString 參數」

　　九、注意事項

　　faked 是一個「輔助開發」的工具，除非有特殊需要，一般情況下它不應出現在你的生産代碼中，所以需要注意：

　　請勿将 faked 放到「生産環境」的應用或頁面中

　　找一個合适的你項目的方式決定什麼時引用 faked

　　比如，在 webpak 中，可以根據環境變量決定入口文件，并隻在 mock 的入口文件中引用 faked，示例:

　　webpack.config.js

　　module.exports = {

　　然後，在 index.mock.js 中這樣寫：

　　require('./mock')require('./index');

　　用于存放的 mock 代碼的 mock.js 可能是這樣的：

　　const faked = require('faked');

　　當然，你可以根據實際情況，安排你的文或目錄結構。

　　-- END --

　　,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!