Mock backend for Angular / Gulp app

per_jansson

I would like to mock the backend for quicker development by providing json response without reling on the real backend. The frontend app is an Angular app and we use Gulp as a development and build tool.

E.g. have a specific api (.../custumers/123) return a static json result.

Is there perhaps already a gulp tool for this?

per_jansson

I went with json-server and gulp-json-srv which I think had some benefits of simplicity and quick setup.

gulpfile.js config to start json-server and to proxy the http calls using a "gulp mock" task:

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 with mocked data:

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

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

how to mock the backend for angularjs app?

From Dev

iOS app with a Rails backend

From Dev

HTML minification via Gulp.js is breaking my Chart.js chart in my Angular app

From Dev

Redshift as a Web App Backend?

From Dev

setting up grunt/gulp for backend

From Dev

Mock backend server (Google Forms) in AngurJS

From Dev

How to implement login system in Angular app with already existing REST API backend

From Dev

Gulp Watch - gulp-nodemon - App Crashed

From Dev

Test Angular2 service with mock backend

From Dev

Gulp minifying in angular

From Dev

Android app with python backend

From Dev

Mock Http backend for use in Mockups

From Dev

Eclipse Scout Neon mock backend service

From Dev

"Mock" a backend http response with Protractor, Cucumber and Chai

From Dev

How to correctly bundle an Angular2-JS/Typescript app via Gulp?

From Dev

Angular Backend HTTP Request

From Dev

Backend for Android app

From Dev

Mock backend server (Google Forms) in AngurJS

From Dev

setting up grunt/gulp for backend

From Dev

How to implement login system in Angular app with already existing REST API backend

From Dev

Using Angular Mock Backend resource multiple times

From Dev

Angular 2 app not loading in Chrome - Stuck at loading... - Backend written in Java Spring

From Dev

How to use browserSync with gulp in angular2 app with angular cli?

From Dev

Designing backend for Mobile app?

From Dev

How to properly deploy an Angular 2 app with a Java backend?

From Dev

Google App Engine - Java-backend and Angular-frontend in a single project

From Dev

Express backend dropping data when passed from Angular 5 App

From Dev

Mock an ad preview on iOS and Android on a web app built with Angular 5

From Dev

Angular 5 (Karma / Jasmine Testing) - Using a mock backend to mock error responses for error messages

Related Related

  1. 1

    how to mock the backend for angularjs app?

  2. 2

    iOS app with a Rails backend

  3. 3

    HTML minification via Gulp.js is breaking my Chart.js chart in my Angular app

  4. 4

    Redshift as a Web App Backend?

  5. 5

    setting up grunt/gulp for backend

  6. 6

    Mock backend server (Google Forms) in AngurJS

  7. 7

    How to implement login system in Angular app with already existing REST API backend

  8. 8

    Gulp Watch - gulp-nodemon - App Crashed

  9. 9

    Test Angular2 service with mock backend

  10. 10

    Gulp minifying in angular

  11. 11

    Android app with python backend

  12. 12

    Mock Http backend for use in Mockups

  13. 13

    Eclipse Scout Neon mock backend service

  14. 14

    "Mock" a backend http response with Protractor, Cucumber and Chai

  15. 15

    How to correctly bundle an Angular2-JS/Typescript app via Gulp?

  16. 16

    Angular Backend HTTP Request

  17. 17

    Backend for Android app

  18. 18

    Mock backend server (Google Forms) in AngurJS

  19. 19

    setting up grunt/gulp for backend

  20. 20

    How to implement login system in Angular app with already existing REST API backend

  21. 21

    Using Angular Mock Backend resource multiple times

  22. 22

    Angular 2 app not loading in Chrome - Stuck at loading... - Backend written in Java Spring

  23. 23

    How to use browserSync with gulp in angular2 app with angular cli?

  24. 24

    Designing backend for Mobile app?

  25. 25

    How to properly deploy an Angular 2 app with a Java backend?

  26. 26

    Google App Engine - Java-backend and Angular-frontend in a single project

  27. 27

    Express backend dropping data when passed from Angular 5 App

  28. 28

    Mock an ad preview on iOS and Android on a web app built with Angular 5

  29. 29

    Angular 5 (Karma / Jasmine Testing) - Using a mock backend to mock error responses for error messages

HotTag

Archive