MEAN-stack: angular-routing-vs-express-routing
Habe ich angefangen mit eckigen in meiner ausdrücklichen generierten Projekte und ich Liebe es. Vor kurzem habe ich umgesetzt angular-routing in einer meiner test-Projekte und ich Frage mich, was die Vorteile und Nachteile sind mit angular-routing über Reine express/node routing (z.B. gibt es technische Probleme mit dieser Art, oder vielleicht SEO, oder ist es völlig unnötig).
Zur info auf meinem setup: ich habe express-rendering der Haupt-index-template sowie alle routing-Anfrage (ein catch-all), um die Haupt-index-template und dann bin ich mit eckigen route teilweise von Vorlagen in den Haupt index template
- Wenn Sie mit den kantigen, den "besten" (meiner Meinung nach) Weg bestünde darin, dass eckige, das zu tun, was es am besten auf und behandeln Sie das routing auf seine eigene, und mit express-einfach zu bedienen 404 s index.html
- du meinst, lassen express behandelt die routing?
- Nein, ich meine, lassen Sie eckig machen das routing. express einfach servs bis index.html und eine api für den Zugriff auf Daten aus.
- So oder so auszudrücken, tun werden einige routing, es ist nur so, dass in der Regel lassen Sie eckige meiste Arbeit zu tun.
- nun, da Sie sagte, es ist das beste (Ihrer Meinung nach), was ist der wichtigste Vorteil, es zu tun mit einer Mehrheit Winkel-Ansatz
- Wenn Sie habe die Routen mit express statt, Sie wäre das zurückladen Ihrer web-Seite (und alle Vermögenswerte, aber das ist weniger ein Problem, Dank caching) mit jeder änderung der Seite, in der Erwägung, dass mit angular-routing Sie im wesentlichen ein single-page-application (SPA), lädt alle weiteren Seiten per ajax.
- Es gibt trade-offs oder so, aber wenn es nach mir ginge, würde ich entweder eckig routing -, express-oder routing, aber nicht beides. Wenn express-routing, ich würde drop eckige insgesamt etwas leichter, da die meisten arbeiten werden durch Knoten (Template etc.) Auf Seiten, auf denen ich mich beschäftigen diese Technik (express-routing) die meisten Seiten gar nicht haben javascript andere als für analytics und vielleicht einige Animationen.
- ja, das macht Sinn. auch technisch gibt es keine Möglichkeit, angular-routing-100%, in der mittleren stack, da express zu dienen hat der Haupt-index-Datei und sagen Sie allen Anforderung zu gehen Sie zu einem Ort, so dass es landet als (20% express) und (80% eckig), die außerhalb der mean-stack (wie bei normalen html -) ich kann sehen, angular-routing wird etwa 100%.
- sagen Sie also, dass da express verwendet wird für die Weiterleitung aus dem Tor in ein typisches mean-stack-Projekt (ich bin auch mit jade, weil ich Liebe, es ist html-syntax), das routing in eckigen unnötig?
- Nein, du wirst immer zu tun haben, einige routing mit Ausdrücken, wie haben Sie darauf hingewiesen, servieren index.html und die statischen Elemente wie Ihre js/css/Bilder. Ich bin nicht der Betrachtung dieser als "routing" in meiner obigen Kommentare, es ist nur etwas, was Sie grundsätzlich zu tun, um zu dienen die eckigen app. Das könnte sehr gut werden ersetzt durch nginx dient eine statische Ordner.
- ah! es bekam. ja, ich habe gesehen, dass es auf diese Weise getan (wurde aber nie erklärt, warum es besser war als nur out of the box express). Ich sehe, dass meine.io ist mit beiden, aber ich denke, der express ist reserviert für server-side-Controller (etwas unklar, was das ist) und da jade verwendet enthält, für die es Vorlagen, die bedeutet, dass jeder jade Seite servered per express ist ein one-pager nicht nur ein ajax-one pager
- Genau. Jade wäre mehr für die einzelnen statischen(oder dynamischen) Seiten. Generieren eine eckige Vorlage aus einem jade-Vorlage zum Beispiel klingt wie eine schreckliche Idee, ich würde nicht empfehlen, dass jeder.
- ok cool. ja, ich halte Winkel für die es zwei-Wege-Datenbindung und die anderen Funktionen denn die Teile scheinen sehr nett, aber fallen wird der angular-routing. können Sie diese in eine Antwort, so kann ich es akzeptieren?
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.
Mit dem mean stack (mongo, express, angular) müssen Sie ein routing auf beiden enden.
Express servieren Sie Ihren statische index.html und css/js/Bilder und Ihre api -, und Winkel-wird die Interaktion mit der api, um Daten von mongo.
Routing mit express wird in Erster Linie gemacht für den API -, und routing im Winkel werden mit dem front-end Ihrer Anwendung. Express wird nicht wieder irgendwelche html-andere als die index.html und jede Vorlage, die partials, die Sie geschrieben haben, für Winkel -, aber auch das kann behoben werden, indem Zusammenstellung aller Vorlagen, die direkt in die js-Dateien mit einem build-tool wie gulp/grunt.
Es ist sicherlich möglich gehen zu 100% an der einen oder anderen Seite, jedoch, es ist unpraktisch, weil Sie werden am Ende ineffizient mit der einen oder anderen Seite. Zum Beispiel, wenn Sie haben alle Ihre routing mit express und verwendet Winkel auf jeder einzelnen Seite, würden Sie ignorieren alle single-page-app-Funktionalität und routing mit angularjs, so dass es nur Zweck Aufbau der Seite, die konnte wahrscheinlich gemacht werden, effektiver mit express und jade (oder einer anderen Template-engine.) Es ist nicht wirklich möglich, zu gehen in die andere Richtung und haben alle Ihre Arbeitsplan mit eckigen, weil eckige erfordert eine api zum abrufen von Daten aus, es sei denn, Sie gehören alle Daten, die bis vor inline im html, die ich bin sicher, Sie werden Zustimmen, ist eine schlechte Idee. (es entfällt auch mongo an diesem Punkt..)
Sie für die Lösung sind zwei unterschiedliche Probleme. Angular-routing (ui-router) - client-side - loading die richtige ui-Ansichten. Express-routing server-Seite - die REST-APIs setzen.