如何使用新的 ember-cli http-mock 进行 API 调用

Question

我有一个简单的（到目前为止）ember-cli 项目，现在只有一个带有 FIXTURE 数据的模型。我想用实际的 JSON 文件或 http-mock 来模拟 API 的东西，这是以前 api-stub 的 ember-cli 版本 41 名称。

我对这一切都很陌生，所以我真的不知道如何处理我找到的人们能够让 api-stub 工作的信息，而且它看起来不像 @ 上的任何文档987654321@ 已更新为http-mock 信息。

我确实做了ember generate http-mock project，但我不确定从这里开始做什么。

这是我当前的 app/router.js：

Router.map(function() {
  this.resource('projects', { path: '/' });
  this.resource('project', {path: '/project/:project_id'}, function(){
    this.resource('milestones');
    this.resource('team');
    this.resource('budget');
  });
});

所以我为我的所有项目都有一个模板，并且想要深入到一个模板，它需要能够与嵌套路由相关联。 我的理想是GitHub API 之类的东西，您可以在其中从用户向下钻取到存储库、该存储库上的问题等。

同样，我仍在学习 ember 和 ember-cli，因此非常感谢您对“为什么”和“如何”的解释。

Answer 1

我对 ember/ember-cli 也很陌生，但我得到了一个简单的 http-mock 原型。生成您的 http-mock 项目后：

>ember g http-mock project

生成器应该已在您的项目中创建了一个“服务器”文件夹，其中您的 project.js 模拟位于“模拟”子目录中。如果您打开该文件 (server/mocks/project.js)，您应该会看到如下内容：

module.exports = function(app) {
  var express = require('express');
  var projectRouter = express.Router();
  projectRouter.get('/', function(req, res) {
    res.send({project:[]});
  });
  app.use('/api/project', projectRouter);
};

您需要使用您的 api 应响应的 json 更新 res.send(...)。例如：

res.send({project:{id: 1, number: 123, name: 'Fooshnickins'}});

您可以通过运行您的服务器向自己证明这是可行的：

>ember server

卷曲你的 api（注意内容类型）：

>curl -H "ContentType:application/json" http://localhost:4200/api/project

应回复：

{project:{id: 1, number: 123, name: 'Fooshnickins'}}