JS Framework
Angular-Projekt mit Vorlage starten: Ein Entwicklerleitfaden
10 min
starten sie ihr angular projekt mit einer vorgefertigten vorlage einführung in diesem abschnitt lernen sie, wie sie parse installieren und mit einer angular 8 app in 5 einfachen schritten beginnen zu jeder zeit können sie die mit diesem tutorial erstellte app testen, indem sie https //angulardocs back4app io/ klicken voraussetzungen um dieses tutorial abzuschließen, benötigen sie eine app, die auf back4app erstellt wurde hinweis befolgen sie das https //www back4app com/docs/get started/new parse app um zu lernen, wie man eine parse app auf back4app erstellt node package manager auf ihrem system installiert schauen sie sich den https //docs npmjs com/getting started für weitere informationen an grundkenntnisse in https //angular io/ 1 installieren sie die angular cli zuerst müssen sie das angular cli (command line interface) tool installieren die cli hilft ihnen, neue angular projekte zu starten und unterstützt sie während der entwicklung geben sie in ihrem terminal bitte die folgende zeile ein npm install g @angular/cli 2 holen sie sich die vorlage laden sie die vorlage aus unserem github repository herunter sie können dies mit der folgenden befehlszeile tun curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip navigieren sie zum ordner ihres projekts und installieren sie alle abhängigkeiten, indem sie den folgenden befehl ausführen cd angular integration master/ && npm i 3 aktualisieren sie die anmeldeinformationen der app aktualisieren sie die zeichenfolgenwerte für app id app id und javascript schlüssel javascript schlüssel um die anmeldeinformationen der app einzurichten das parse javascript sdk verwendet diese einstellungen, um ihre app mit den back4app servern zu verbinden gehe zu deinem app dashboard unter https //www back4app com/ und klicke auf servereinstellungen finde den kerneinstellungen block und klicke auf einstellungen brauchen sie hilfe? schauen sie sich https //www back4app com/docs/platform/app settings an, um deine schlüssel zu finden kopiere deine app id und javascript schlüssel und kehre zu deinem projektordner zurück gehe zu src src > umgebungen umgebungen > environment ts environment ts und füge deine schlüssel ein 4 teste deine verbindung lokal starte das projekt, indem du ng serve ng serve ausführst navigiere zu http //localhost 4200/ http //localhost 4200/ warte, bis der anmeldebildschirm erscheint erstelle einen beispielbenutzer, indem du auf die registrieren schaltfläche klickst 5 lade deinen code auf den back4app server hoch um ihre app mit back4app bereitzustellen, müssen sie zunächst ihre app richtig erstellen verwenden sie den folgenden befehl, um ihre app in ein dist dist verzeichnis zu kompilieren und zu erstellen $ ng build dann müssen sie das erstellte dist dist verzeichnis in den öffentlichen ordner ihres cloud codes hochladen um dies zu tun, wählen sie eine der optionen zur bereitstellung 5 1 bereitstellung über cli um über die back4app befehlszeilenschnittstelle hochzuladen, schauen sie sich https //www back4app com/docs/command line tool/how to use an 5 2 bereitstellung über das dashboard um den code über die visuelle schnittstelle von back4app hochzuladen, gehen sie zu ihrem app dashboard unter https //www back4app com/ und klicken sie auf cloud code funktionen klicken sie auf +hinzufügen +hinzufügen schaltfläche und wählen sie alle dateien des dist dist verzeichnisses aus verschieben sie sie in public public und klicken sie dann auf speichern speichern , wie hier gezeigt um ihre app schließlich bereitzustellen, siehe das https //www back4app com/docs/platform/parse web hosting es ist erledigt! an diesem punkt haben sie gelernt, wie sie mit angular apps beginnen