如何在 Ember CLI 中使用自定义 Express 服务器？

Question

我使用的是 Ember CLI 0.0.36。当我在我的项目文件夹中运行ember server 时，我的理解是埋在某些 Brocoli 进程中的服务器启动了。但是，我想编写一个自定义 Express 服务器，并让我的应用程序指向该 Node.js 代码作为其后端。我将如何在 Ember CLI 框架中执行此操作？

更新：

在@user3155277's answer 之后，我添加了一个适配器文件，如下所示：

应用名称/app/adapters/application.js：

import DS from 'ember-data';

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

我创建了一个 Express 服务器，并将其放在我的应用程序的根目录中：

app-name/server.js：

var express = require("express"),
    app = express(),
    path = require("path");

app.get("/api/test", function(req, res) {
    res.json({
        hello: "world"
    });
});

var server = app.listen(8147);

在 Ember 应用中，我的索引路由是这样定义的：

应用名称/app/routes/index.js：

import Ember from 'ember';

export default Ember.Route.extend({
    model: function() {
        return Ember.$.getJSON("/api/test").then(function(data) {
            return data;
        });
    }
});

然后我在命令行上像这样启动服务器：

ember serve --proxy http://localhost:8147/

我收到以下错误：

version: 0.0.35-master-86abdb11ba
Proxying to http://localhost:8147/
object is not a functionTypeError: object is not a function
    at Class.module.exports.Task.extend.start (D:\ember-cli\lib\tasks\server\express-server.js:41:43)
    at Class.module.exports.Task.extend.run (D:\ember-cli\lib\tasks\serve.js:40:23)
    at Class.module.exports.Command.extend.run (D:\ember-cli\lib\commands\serve.js:35:18)
    at Class.Command.validateAndRun (D:\ember-cli\lib\models\command.js:74:15)
    at CLI.<anonymous> (D:\ember-cli\lib\cli\cli.js:33:20)
    at tryCatch (D:\ember-cli\node_modules\rsvp\dist\commonjs\rsvp\-internal.js:163:16)
    at invokeCallback (D:\ember-cli\node_modules\rsvp\dist\commonjs\rsvp\-internal.js:172:17)
    at publish (D:\ember-cli\node_modules\rsvp\dist\commonjs\rsvp\-internal.js:150:13)
    at flush (D:\ember-cli\node_modules\rsvp\dist\commonjs\rsvp\asap.js:51:9)
    at process._tickCallback (node.js:419:13)Livereload server on port 35729

Answer 1

使用 Ember CLI 0.0.40 这实际上非常简单：

创建文件夹结构

ember new my-app

进入新创建的文件夹

cd my-app

生成 api-stub*（查看更新）

ember generate api-stub my-server

后一个命令会创建一个带有index.js 文件的server 文件夹和一个带有my-server.js 文件的routes 文件夹。

打开my-server.js文件，你会看到：

module.exports = function(app) {
    var express = require("express");
    var myServerRouter = express.Router();
    myServerRouter.get("/", function(req, res) {
        res.send({my-server:"something"});
    });
    app.use("/api", myServerRouter);
};

您需要做的就是更改该文件。如果 Ember 应用调用 /api/hamsters 和 /api/project，请编辑如下：

module.exports = function(app) {
    var express = require("express");
    var myServerRouter = express.Router();
    myServerRouter.get("/hamsters", function(req, res) {
        res.send({ ... });
    });
    myServerRouter.get("/project", function(req, res) {
        res.send({ ... });
    });
    app.use("/api", myServerRouter);
};

启动服务器（从项目的根目录）：

ember server

确保您也已将 node.js 更新到最新版本。

---

更新

自 Ember CLI 0.0.41 (via this PR) 起，api-stub 已重命名为 http-mock。

Answer 2

我开始玩 ember cli，所以我不确定，但我发现了以下内容： https://github.com/dockyard/ember-cli-plus-backend/tree/rails-served-html/frontend/api-stub 基本上你应该将你的 express 服务器代理到与你的 ember-cli 相同的端口（这样你就不必处理 jsonp 问题）

将方法设置为“代理”并定义 proxyURL 以将所有 API 请求传递到代理 URL。

更新：

1.生成适配器ember generate adapter application

2.Make api命名空间 - 使用以下代码填充创建的文件：

导出默认 DS.RESTAdapter.reopen({ 命名空间：'api' });

3. 使用ember serve --proxy http://localhost:1337/ 启动服务器（这会将您的所有请求代理到 localhost:4200 到 1337

4.在您的快速应用中创建以 /api 为前缀的路由

希望对你有帮助