2014-05-05 12 views
6

Ich versuche, StrongLoop Loopback [Backend] mit dem Yeoman-Workflow [Frontend] zu integrieren, aber ich bemühe mich, die beiden Codebasen zu vereinen. Ich weiß, dass ich mein "Backend" mit dem Loopback von StrongLoop selbständig entwickeln und als REST-API bereitstellen kann. Ich würde jedoch lieber mit dem Loopback Angular SDK arbeiten und innerhalb derselben App programmatisch eine Verbindung zu den Modellen herstellen. Ich frage mich, wie ich meine Ordnerstruktur organisieren muss, meine Gruntfile.js zu aktualisieren, Loopback-App-Einstellung für beide dienen und Build-Funktionen und nur eine Serverinstanz für die Entwicklung (anstelle von "grunt serve" für meine Yeoman App Frontend) stuff und "slc run" für Loopback-Backend-Sachen.StrongLoop Loopback Yeoman Angular

Ich habe über "Pläne" für Yeoman-Gerüst im Gegensatz zu den CLI-Workflow für Loopback gelesen, aber sie sind 5 Monate + auf Github ohne Updates.

Jede Anleitung, um es jetzt zu arbeiten (im Gegensatz zu warten auf diese Funktion entwickelt werden) würde sehr geschätzt werden.

Zum Vergleich: ist hier die Loopback Angular SDK Anweisungen mit Grunt http://docs.strongloop.com/display/DOC/AngularJS+JavaScript+SDK

Antwort

5

Es ist eine native $resource mit RESTful serverseitige Interaktion detaillierte Befehle.

Tutorial

Sie können auch individuelle Service nutzen bauen Loopback-API und Angular Frontend zu kombinieren:

angular.module('catalog', []) 
    .constant('ENDPOINT_URI', 'http://0.0.0.0:3000/api/') 
    .controller('CatalogController', function (ProductsModel) { 
     var store = this; 
     function getItems() { 
      ProductsModel.all() 
       .then(function (result) { 
        store.products = result.data; 
       }); 
     } 
     store.products = []; 
     getItems(); 
    }) 
    .service('ProductsModel', function ($http, ENDPOINT_URI) { 
     var service = this, 
      path = 'products/'; 
     function getUrl() { 
      return ENDPOINT_URI + path; 
     } 
     service.all = function() { 
      return $http.get(getUrl()); 
     }; 
    }); 

Tutorial

+1

Ich bin mir nicht sicher, warum dies als die richtige Antwort gekennzeichnet ist, vor allem unter Berücksichtigung der Kommentare von JohhnyMD. –