模拟Angular/Gulp应用程序的后端

Question

我想通过提供json响应来模拟后端以便更快地进行开发,而不需要依赖真正的后端.前端应用程序是一个Angular应用程序,我们使用Gulp作为开发和构建工具.

例如,有一个特定的api(.../custumers/123)返回一个静态的json结果.

可能已经有了一个gulp工具吗？

Answer 1

我选择了json-server和gulp-json-srv，我认为它们具有简单和快速设置的优点。

gulpfile.js 配置启动 json-server 并使用“gulp mock”任务代理 http 调用：

gulp.task('mock', ['connect-mock'], function () {
    jsonServer.start({
        data: 'db.json',
        port: 8087
    });
});

gulp.task('connect-mock', function () {
    connect.server({
        port: 8085,
        livereload: true,
        middleware: function (connect, o) {
            return [(function () {
                var url = require('url');
                var proxy = require('proxy-middleware');
                var options = url.parse('http://127.0.0.1:8087');
                options.route = '/v2';
                return proxy(options);
            })()];
        }
    });
});

带有模拟数据的 db.json：

{
    "customers": [
        { "id": 1, "name": "Johnny B" },
        { "id": 2, "name": "Steve G" },
        { "id": 3, "name": "Glenn H" }
    ]