angular6 webapi

Angular6-Webapi

Login, Token-Authentifizierung, CRUD-Betrieb mit Angular 6 und .NET Core2 WebAPI

---

Repository -Codebasis

Das Repository besteht aus Projekten wie unten:

#	Projektname	Projektdetail	Standort
1	Webapi	ASP.Net Core2 WebAPI als Backend	Backend -Ordner
2	Kunde	Angular 6 als Frontend	Client -Ordner

Setup -Detail

Umgebungsdetails

1. Laden Sie Dotnet Core2.1 herunter/installieren Sie das WebAPI -Projekt auszuführen

2. Download/Installieren Sie den Knoten , um die Angular6-Weba [Frontend] -Anwendung auszuführen

3. Laden Sie den Visual Studio -Code herunter, um die Anwendungen auszuführen/zu debuggen

4. Download/installieren Sie Git Bash und konfigurieren Sie den Witin -Visual Studio -Code, indem Sie "terminal.integrated.shell.windows": "C:\Program Files\Git\bin\bash.exe" in der Benutzer einstellen . Bitte überprüfen Sie den Standort der bash.exe und ändern Sie gemäß ihrer Position gemäß ihrer Position gemäß Standort

5. In Visual Studio -Code installieren Sie bitte eine C# -Erweiterung

Projekt -Setup -Detail

1. Bitte klonen oder laden Sie das Repository von Github herunter

2. Erstellen Sie einen Ordner und platzieren Sie das heruntergeladene Repository

3. Öffnen Sie den Visual Studio -Code und öffnen Sie den neu erstellten Ordner, in dem das Repository heruntergeladen wird

(a) Um den Backend -Webapi -Service zu starten

1. Öffnen Sie im Visual Studio -Code einen Befehlsterminal, indem Sie die Control der Computertastatur und ~ drücken

2. Suchen Sie innerhalb des Terminals zum Ordnerort als "Backend", der als "Backend" bezeichnet wird.

3. Stellen Sie die Abhängigkeiten wieder her, geben Sie dotnet restore am Terminal ein

4. Führen Sie das WebAPI -Projekt aus und geben Sie dotnet run auf dem Terminal ein

5. Webapi [Backend Service] wird auf Port 5000 ausgeführt

(b) um die Front -End -Anwendung zu starten

1. Öffnen Sie im Visual Studio Code ein neues Befehlsterminal

2. Sehen Sie sich innerhalb des neuen Terminals im Ordner als "Client", um den Ordner zu bezeichnen.

3. Um die Abhängigkeiten wiederherzustellen, npm install

4. Um den Angular6-Webapi (Frontend-Anwendung) auszuführen, npm start am Terminal

5. In Kürze muss ein Browser mit URL als localhost:5050 eröffnet werden

 For better experience please chrome browser

Unterstützung oder Kontakt

Haben Sie Probleme? Bitte lesen Sie diese Dokumentation oder diesen Kontakt vor und sortieren Sie sie.