Wie kann ich erstellen ein mock-back-end in AngularJS?

Wie kann ich das implementieren eines mock-back-end zu tun, das schnelle prototyping mit AngularJS?

Ich muss in der Lage sein, um fake-Antwort-Verzögerung-Antwort-Daten und dergleichen.

Ich den $http-service.

  • anstelle von aufrufen $http einfach nur wieder ein Versprechen mit eine hart-codierte Antwort.
InformationsquelleAutor Kenneth Lynne | 2013-12-03
  1. 12

    Können Sie verwenden eckige verspottet, an ein Modell back-end.

    Arbeiten demo auf plnkr.

    Grundsätzlich zählen angular-mocks nach Winkel, und verwenden Sie den code in diese gist
    und Sie werden in der Lage sein, zur Steuerung von Anfragen und Antworten, einschließlich Kopf-und fake-Antwort-Verzögerungen etc.

    Beispiel:

        //When backend receives a request to the views folder, pass it through
    $httpBackend.whenGET( RegExp( regEsc( Config.view_dir ) ) ).passThrough(); 

    //Message should return a list og messages
    $httpBackend.whenGET(APIBase + 'messages').respond(function(method, url, data, headers) {
        return [200, messages.data, {/*headers*/}];
    });

    $httpBackend.whenPOST(APIBase + 'messages').respond(function(method, url, data, headers) {
        var message = angular.fromJson(data);

        messages.data.push(message);
        //You should consider having the back-end being responsible for creating new id tho!
        messages.index[message.id] = message; 

        return [200, message, {/*headers*/}];
    });

    //Message/id should return a message
    $httpBackend.whenGET( RegExp(regEsc(APIBase + 'messages') + '\d+$') ).respond(function(method, url, data, headers) {
        var id = url.match(/\d+$/)[0];
        return [200, messages.index[id] || null, {/*headers*/}];
    });

    ``

    Können Sie auch urls, sollte Durchleitung zu einem tatsächlichen server zu (überprüfen passThrough())

    InformationsquelleAutor Kenneth Lynne
  2. 1

    Was ich zu tun in diesen Tagen ist durch die Imkerei.io, es ist kostenlos. Sie können schreiben Sie Ihre API-Endpunkte wie eine Blaupause und nur fordern Sie gerade wie Sie würde verlangen eines REST-Servers. Sie können auch schreiben was auch immer Antwort, die Sie wollen, um zu dienen. Nützlich, wenn der REST-server ist nicht fertig, aber Ihre Front-End ist.

    InformationsquelleAutor Mahbub
  3. 1

    Können Sie $httpBackend

    Hier ein Beispiel aus der AngularJS-website:

    phones = [{name: 'phone1'}, {name: 'phone2'}];


//returns the current list of phones
$httpBackend.whenGET('/phones').respond(phones);
    • Für eine alternative mehr automatisierte Möglichkeit, backend lustig, nehmen Sie einen Blick an Fors-api-mock, das funktioniert einfach großartig zusammen mit rest-json. Diese Module zusammen verwendet werden können generieren $httpBackend Antworten: rest-json.js als http-wie den Zugriff auf json-Daten und swagger-api-mock/lib/mock-data.js als generator für die json-mock-Daten-Objekte basierend auf swagger (oder json-schema-Definitionen
    InformationsquelleAutor pasine
  4. 1

    Nur um diese Antworten: werfen Sie einen Blick auf https://github.com/mdasberg/ng-apimock

    und
    https://www.npmjs.com/package/open-api-test-generator

    ng-apimock ist ein Szenario switcher für Winkelmesser und Entwicklung, und open-api-test-generator können Sie generieren mocks für dieses tool. Ziemlich praktische Sache, wenn Sie Sie einmal, um zu wissen, die Module

    InformationsquelleAutor Remco Vlierman
  5. 0

    Für eine alternative mehr automatisierte Möglichkeit, backend lustig, nehmen Sie einen Blick auf Fors-api-mock, das funktioniert einfach großartig, zusammen mit rest-json.
    Diese Module zusammen verwendet werden können generieren $httpBackend Antworten: rest-json.js als http-wie den Zugriff auf json-Daten und swagger-api-mock/lib/mock-data.js als generator für die json-mock-Daten-Objekte basierend auf swagger (oder json-schema-Definitionen

    InformationsquelleAutor Bulki S Maslom
Schreibe einen Kommentar