什么是ember-js-mock
ember-js-mock是一款使用mock数据进行前端开发的npm包，它帮助前端开发人员面对RESTful API接口的开发环境中的潜在问题，例如：数据接口未开发完成，开发阶段会出现一系列API错误代码等。采用mock数据的方式，可以避免这些问题并提高开发效率。
安装
要在项目中使用此包，请使用以下命令安装：
npm install ember-js-mock --save-dev
如果您使用的是Yarn，请使用以下命令安装：
yarn add ember-js-mock --dev
如何使用ember-js-mock
在你的测试文件中引入ember-js-mock并初始化，通过调用setupMock函数开始设置路由和程序的假装数据。示例如下：
import setUpMirage from 'ember-cli-mirage/test-support/setup-mirage';
import faker from 'faker';
setUpMirage({});
this.server.createList('post', 10);
this.server.createList('comment', 50);此篇示例代码为四行代码，通过setUpMirage进行初始化，然后创建我们的数据模板。它将在 server.createList 函数调用时创建假数据。
此处使用了Faker.js库中的数据假填充。
手动创建路由
可以手动创建你的路由以使用虚假数据。在测试文件中增加如下代码：
-- -------------------- ---- -------
-------- ---------------------- -
------ ------ ------- --- ----------- -- ------ --------- --- ------------
-
--------------------- - --------- - ----------- -------- -- -
------------------------------- -
------------ -----
------------ -
----------- - --- ------------------ -- -
---------------------- -- -- -
------ ----- - --------------- ------------------ -- -----------------------
---
---
-- ------------------------ -
--------------- - --------------
---------------- - ---------------------
--------------------- --- --------------
-
--
----------- -
-- ------------------------ -
-- ------------------ -
--------------------- --- ------------------
- ---- -
--------------------- --- -----
-
-- ----------------- -
------------------------------------- ----
-
-
-
---模拟API调用
手动创建路由及对数据进行填充，现在可以调用Ember-Data中的RESTAdapter，并以此相应地调用幽灵路由。示例代码如下：
-- -------------------- ---- ------- ----------- ---- ------ ----- --- ------ --- ------- -------- -------- - -- ---- --- ------- ------------------------------ ---- -- ------ --- --------- -------------------------------- -- ----- --- ------- ----- ------------------------------- ------------ --- --- ----- -- ------- -- -------- -- --- ---- ---- ------------------ ---------------- ------------------------------- ------------ --- --- ---- ----- -- ------- -- -------- -- --- ---- ---- ---- ---------- --- ------------------ ---------------- ------------------------------- ------------ --- --- ---- ----- -- ------- -- --- -- -------- ---- --- -- ---- ------------------ ---------------- ------------------------------- ------------ --- --- ----- -------- ---
通过这些，我们成功地使用mock数据完成前端开发和测试。ember-js-mock为前端开发团队增加了一种简单的快速方案，可极大地提高开发效率。
结论
在此篇文章中我们介绍了如何使用npm包ember-js-mock进行前端开发中的mock数据处理，从安装到实际使用的示例代码。mock数据的优点可以让您更快速、更高效的完成前端开发。祝您使用愉快！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e18a563576b7b1ecb6b