Wie integrieren Eckig mit Symfony

Also ich hab damit beauftragt worden, zu bauen, eine API und ein frontend für ein Projekt. Die einzige wirkliche Anforderung, die ich bereits gegeben habe ist, dass ich in PHP zum erstellen der API.

Entwickelte ich im raw-PHP einmal, und es war eine kleine zwei-Monats-persönlichen Projekt, und es war vor sieben Jahren. Also habe ich mir die Rahmenbedingungen zur Verfügung und ging voran mit Symfony.

Auf dem front-end-ich hatte gehofft, vorn mit Eckigen.

Ich habe die API meist gebaut aus, aber mein problem ist jetzt dienen die Winkel-Dateien innerhalb des Symfony-Prozess. Es scheint, dass jeder Weg, den ich brauchen werde ich schreiben müssen, wird eine action im controller für die route, die ich zum größten Teil ok. Aber das große problem, dass ich lief einfach in ist, dass es immer vorausgesetzt, ich will Twig als mein Motor. Also ich bin nicht in der Lage, die Nutzung der geschweiften Klammern, Eckige verwendet.

Ist, ist das überhaupt möglich oder habe ich bekommen mich an dieser falsch?

EDIT: jetzt werde ich, um voranzukommen mit der Verpackung meiner gewinkelt in der verbatim-tag

{% verbatim %}
  {{ angular code }}
{% endverbatim %}
InformationsquelleAutor ELepolt | 2016-01-21
  1. 2

    Sagte Sie :

    Scheint es, dass für jeden Pfad, den ich brauchen werde ich schreiben müssen, eine Aktion in
    der controller für die route

    aber angular2 ist für Single-Page-Application (SPA), so müssen Sie nur eine Seite, es zu dienen:
    1 route > 1 action - > 1 twig-template.

    Für diese Vorlage, ändern Sie das start-und end-interpolation-tags:
    https://docs.angularjs.org/api/ng/provider/$interpolateProvider

    Oder verwenden Sie verbatim Zweig Schlüsselwort zu lassen, interpolieren Zeichen für Winkel:
    http://twig.sensiolabs.org/doc/tags/verbatim.html

    Aber für Ihre angular2 Vorlagen, die Sie nicht verwenden, Zweig, keine Notwendigkeit, mischen Sie zwei Template-Sprachen. Ihre API gibt Daten zu eckig, der spiegelt es innen Vorlagen.

    Und eine andere gute übung ist, precompile alle Ihre Winkel-Vorlagen im $templateCache mit Sachen wie:
    https://www.npmjs.com/package/gulp-ng-template

    • Der Weg Erklärung arm war. Für jede .js-Datei, auf die verwiesen wird, die ich brauche um eine route zu erstellen für Sie. Im Moment bin ich gerade deutete auf ein cdn um das zu erleichtern, aber ich habe noch um eine route zu erstellen für meine persönliche app.js und so.
    • Eine gute übung ist, verwenden Sie ein tool wie Gulp/Grunt concate (und viele andere Dinge) alle js Dateien in eine Datei. Sie können es im inneren des web Ordner ist zugänglich und Sie müssen nicht zum erstellen eines symfony-route. Dann fügen Sie einfach ein <script src="app.js"></script> und fertig
    • In der Tat, wenn symfony wird nur verwendet, um eine REST-api, können Sie völlig distanzieren, die Ihre eckigen Anwendung von es. Sie können legen Sie Sie in einen anderen Ordner oder sogar eine andere server.
    InformationsquelleAutor bertrandg
  2. 1

    Ich würde es vorziehen, zu entwickeln frontend und API-unabhängig. Das wäre der Sinn einer API für mich.

    Scheint es, dass für jeden Pfad, den ich brauchen werde ich schreiben müssen, wird eine action im controller für die route, die ich zum größten Teil ok.

    -> wirklich schlechter.

    Für den Zweig Winkel-syntax-Konflikt, können Sie den start-und end-interpolation-tags mit interpolateProvider service:

    angular.module('myApp', []).config(function($interpolateProvider){
    $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
});

    sehen die docs.

    • Oops, die Frage scheint häufiger zu sein... Zum Beispiel, finden Sie unter here für eine detaillierte Antwort.
    InformationsquelleAutor Tino Rüb
  3. 1

    Bewegen wir uns in der Benutzeroberfläche eine große Symfony-app zu Eckig, und haben beschlossen, API-Plattform (https://api-platform.com/). Wir haben früher FOSRestBundle, aber fallenlassen, dass für diese neue version.

    Bisher waren wir zufrieden mit diesem Ansatz.

    Fragte Sie über den Dienst Eckig-Dateien in Symfony. Wir entschieden uns, Sie zu halten in einem separaten repo, also Sie könnten auch eingesetzt werden, auf einem anderen server. Das wäre meine Empfehlung, obwohl natürlich könnte man die Winkel-Dateien in das /web-Verzeichnis. Dabei, dass, obwohl, erschwert die Bereitstellung.

    • Also ich glaube, das ist der "richtige" Weg zu gehen, aber für größere Anwendungen, die nicht leisten können, ein "rewrite" auf dieses Niveau habe ich das Gefühl, dass Sie brauchen, um zu sein, schob Sie zusammen für den Zwischenbericht, obwohl ich weiß, dass erzeugt eine Menge von re-Arbeit später, aber keine Zeit für re-write-immer stellt die Dinge. Ich bin auf der Suche bei Verwendung von Api-Plattform. Wir haben FOSRest, aber nicht verwenden es viel, wenn überhaupt.
    InformationsquelleAutor Tac Tacelosky
  4. 1

    habe ich auch in symfony und angular2

    wie ich begann 

    don't merge two projects as we can do it for angular 1.4 version.

    als angular2 ist frontend-und it-support cli .

    symfony-backend ist so versuchen, als service -

    ich würde vorschlagen, Sie verwenden sollten, symfony2 als service

    wo Sie können Sie hinzufügen/Bearbeiten/löschen und erstellen von frontend-routing.

    habe ich gemacht demo angular2 mit symfony2

    Github url

    https://github.com/afeef1915/Angular2

    wenn Sie endlich

    integrieren angular2 mit symfony dann hätte das Gesicht routing-problem
    wie symfony2 nicht verstehen würde angular2 routing.

    und twig-syntax ähnlich zu eckig component.html Dateien

    InformationsquelleAutor afeef
Schreibe einen Kommentar