Wie Node, Express und Angular2 korrekt eingerichtet werden

8

Ich versuche einen Arbeitsbereich mit Knoten, Express, Angular2 (Datenbank, - MongoDB oder SQL) einzurichten

Aber ich bin mir nicht sicher, wie ich es richtig zusammenstellen soll. Meine Dateistruktur sieht soweit so aus, und ich beabsichtige, das Frontend unter den öffentlichen Ordner zu legen.

%Vor%

Bisher sieht mein server.js so aus

%Vor%

Meine test.js ist, wo ich meine API-Aufrufe unter / api / test behandle.

Und so sieht mein package.json aus, mit einem Skript für npm, das den Server mit npm start und allen erforderlichen Abhängigkeiten startet, die mit npm install heruntergeladen werden können.

%Vor%

Nun, meine Frage ist, wie ich Angular2 hinzufügen kann, damit es unter öffentlich korrekt funktioniert und so zusammen bei npm start startet. Ich habe den Quickstart auf der Angulars Dokumentationsseite verfolgt und bemerkt, dass sie Lite-Server benutzen, aber das sollte nicht notwendig sein mit Node / Express, oder? Wie sollte meine package.json aussehen, nachdem Angular2 hinzugefügt wurde? Zum Beispiel so:

%Vor%

Wenn es mit Angular2 noch zu früh ist, dann habe ich dieselbe Frage, aber mit Angular1.X, oder ist es vielleicht besser, Angular2 mit TS zu verwenden?

    
Sigils 21.03.2016, 11:51
quelle

2 Antworten

4

Ich war neugierig auf das gleiche Setup und konnte ein einfaches, mit NG2 RC1, Beispiel schreiben, wie es geht Führen Sie NG2 auf Express aus. Setup ist nicht einfach im Vergleich zu NG1 und der Schlüssel zu NG2 on Express ist, dass SystemJS weiß, wo die Bibliotheken zu finden sind

Hier sind die wichtigsten Dinge, die Sie untersuchen sollten. Bitte beachten Sie, dass es nicht empfohlen wird, node_modules verfügbar zu machen. Ich möchte, dass mein Beispiel einfach ist, damit der Fokus einfach auf das Erlernen der Grundeinstellungen gelegt werden kann.

  1. Zeigen Sie den Speicherort von statischen Ressourcen (index.html) und Abhängigkeiten (node_modules)
  2. an
%Vor%
  1. Lassen Sie SystemJS wissen, wo Sie Abhängigkeiten finden
%Vor%

Bitte werfen Sie einen Blick auf mein Beispiel auf GitHub

    
CoolHandDev 22.05.2016, 10:21
quelle
1

Sie können einen Generator verwenden, der die grundlegenden Verzeichnisse und Dateien zum Start erstellt Später kann jede Datenbank benutzt werden, indem man ihr Plugin von npm installiert.

    
Himani Agrawal 21.03.2016 13:58
quelle