TodoListExample

JSONAPIDOTNETCORE TODO List Beispiel

Demo -Anwendung für JSONAPIDOTNETCORE mit ember.js.

Bereits 2017 hat Jared Nance eine ausgezeichnete Videoserie gemacht, in der er diese Demo errichtete:

• Teil 1: Server -Setup
• Teil 2: Client -Setup
• Teil 3: Serverauthentifizierung und Autorisierung
• Teil 4: Kundensitzungen
• Teil 5: Daten fortsetzen

Verwendung

Starten Sie die Datenbank

Die App erfordert das Ausführen von Postgres -Instanz mit Anmeldeinformationen, die in AppStings.json angegeben sind. Eine Möglichkeit, dies zu tun, besteht darin, die Datenbank in einem Docker -Container auszuführen:

docker run --name TodoListSampleDb 
    -e POSTGRES_USER=postgres 
    -e POSTGRES_PASSWORD=postgres 
    -e POSTGRES_DB=TodoList 
    -p 5432:5432 
    -d postgres

Mit der API starten

• Verzeichnis Schalter
  • cd TodoListAPI
• Setzen Sie die Umgebung auf die Entwicklung (MAC)
  • export ASPNETCORE_ENVIRONMENT=development
• Starten Sie den Server
  • dotnet run

Den Kunden starten

• Verzeichnis Schalter

  • cd TodoListClient

• Installieren Sie Ember-Cli

  • npm install -g ember-cli

• Pakete wiederherstellen

  • npm install -g yarn
  • yarn install

• Starten Sie den Kunden

  • yarn start oder
  • ember s

• Öffnen Sie http: // localhost: 4200/in Ihrem Browser

Für den Fall, dass Sie die Videos nicht gesehen haben: Der Standard -Benutzername / Passwort ist guest / Guest1! .

Ausführen von Client -Tests

• ember test
• ember test --server

Aktualisieren der neuesten Version von Ember

Normalerweise sind die folgenden Befehle ausreichend

• npm install -g ember-cli-update
• ember-cli-update
• ember-cli-update --run-codemods
• yarn install

Testen, wenn noch alles funktioniert

• Die Anwendung startet und zeigt Anmeldeverbindungen an
• Melden Sie sich mit ungültigem Benutzername/Passwort an
• Melden Sie sich mit dem richtigen Benutzernamen/Passwort an
• Eingabevalidierung: Es ist nicht möglich, ein Todo-Element mit weniger als 4 Zeichen hinzuzufügen
• Nachdem Sie ein Todo-Element hinzugefügt haben, werden Sie zur Liste zurückgeführt, die den neuen Artikel enthält
• Durch Klicken auf ein Abmelden führt Sie zur Anmeldeseite zurück
• Navigieren Sie zu http: // localhost: 4200/s/todo-items Wenn sich angemeldet