緣起
在前端開發(fā)的過程中情屹，會(huì)碰到以下一些問題：
- 當(dāng)和后端商討好API 接口邻遏，形成文檔后，短時(shí)間無接口可用
- 開發(fā)時(shí)舌狗，需要處理多種情況，通過后端修改數(shù)據(jù)非常麻煩
為了解決此類問題扔水，需要使用 mock 數(shù)據(jù)和 mock 服務(wù)器來提供支持痛侍。
Mock 服務(wù)
很多前端框架，如 Reactor、 Angular主届、Vue 等都帶有 mock 服務(wù)赵哲，以方便開發(fā)，這里介紹的是一個(gè)獨(dú)立的小工具君丁，可以在開發(fā)者自己的機(jī)器上方便的部署和運(yùn)行枫夺，模擬后端接口的返回，以方便前端模擬各種數(shù)據(jù)绘闷。特性如下：
- 支持 GET / POST / PUT
- 支持返回 json 格式
- 支持返回結(jié)果實(shí)時(shí)替換
- 支持按照特定參數(shù)動(dòng)態(tài)返回指定內(nèi)容
安裝服務(wù)
git clone https://github.com/arthurlee/bean-mock-api-service.git
cd bean-mock-api-service
npm install
啟動(dòng)服務(wù)
# 格式： node index.js [mock_files_path [listen_port]]
node index.js files 1492
- mock_files_path: 返回?cái)?shù)據(jù)所在的目錄橡庞，缺省目錄是當(dāng)前目錄下的 files
- listen_port: mock 服務(wù)的偵聽端口，缺省是 1492
測試 API 調(diào)用
發(fā)送請求
curl "http://127.0.0.1:1492/api/heartbeat"
應(yīng)答數(shù)據(jù)
{
"code": "0",
"message": "ok"
}
該數(shù)據(jù)即 files 目錄下面 _api_heartbeat_get.json 的內(nèi)容印蔗。
停止服務(wù)
直接按快捷鍵 CTRL+C 來停止扒最。
假數(shù)據(jù)使用指南
GET API 請求
GET http://127.0.0.1:1492/api/heartbeat 映射到 files_api_heartbeat_get.json
POST API 請求
POST http://127.0.0.1:1492/api/user/create 映射到 files_api_user_create_post.json
增強(qiáng)版 pseudo 機(jī)制
GET http://127.0.0.1:1492/api/user?pseudo=1 映射到 files_api_user_get_1.json
POST http://127.0.0.1:1492/api/course?pseudo=2 映射到 files_api_course_post_2.json
