配置 Ember CLI 以使用 http-mock答案

【问题标题】：Configure Ember CLI to use http-mock配置 Ember CLI 以使用 http-mock
【发布时间】：2015-03-23 18:37:27
【问题描述】：

设置：

ember new shop
cd shop
ember install:addon ember-cli-scaffold
ember generate scaffold product name:string available:boolean
ember generate adapter product

我想使用 http-mock 但http://www.ember-cli.com/#ember-data 告诉我这样做：

ember g http-mock products

之后我使用此代码生成两个示例产品：

server/mocks/products.js

module.exports = function(app) {
  var express = require('express');
  var productsRouter = express.Router();

  productsRouter.get('/', function(req, res) {
    res.send({
      'products': [
      {
        id: "1",
        name: 'Orange',
        available: true
       }, {
        id: "2",
        name: 'Apple',
        available: false
        }
      ]
    });
  });

  [...]

当我使用命令ember server 并浏览到http://localhost:4200/products 时，我什么也看不到。

我错过了什么？我还需要启动或配置什么？

【问题讨论】：

标签： ember.js ember-cli

【解决方案1】：

要让这个东西飞起来，必须按如下方式更改适配器。

app/adapters/product.js

import DS from 'ember-data';

export default DS.RESTAdapter.extend({
  'namespace': 'api'
});

【讨论】：

我没有。为了确定，我只是重放了示例代码。

【解决方案2】：

wadeo：@wintermeyer 你试过http://localhost:4200/api/products

【讨论】：

我可以在那里下载 JSON。但是我怎样才能告诉 Ember 应用使用它呢？
您必须做两件事...您需要对将使用此 api 的每个页面的路由进行更改，并在您的页面模板中调用模拟数据源.假设您有一个名为 products 的页面，您需要更改您的路线....import Ember from 'ember'; export default Ember.Route.extend({ model:function() { return this.store.findAll('listing'); } }); 同时更改您的 products.hbs `

【解决方案3】：

您必须做两件事...您需要对将使用此 api 的每个页面的路由进行更改，并在页面模板中调用数据源。假设您有一个名为 products 的页面，您需要更改您的路线....

// routes/products.js

import Ember from 'ember';
export default Ember.Route.extend({
     model:function() {
            return this.store.findAll('product');
        }
});

同时更改您的模板：

// products.hbs

{{#each products in model}}
   <li > {{proudct._id}} - {{#link-to 'product' product}}Details{{/link-to}}</li>{{/each}}

【讨论】：