TodoListExample

Contoh daftar todo jsonapidotnetcore

Aplikasi Demo untuk JsonapidotNetCore menggunakan Ember.js.

Kembali pada tahun 2017, Jared Nance melakukan seri video yang sangat baik di mana ia membangun demo ini:

• Bagian 1: Pengaturan Server
• Bagian 2: Pengaturan Klien
• Bagian 3: Otentikasi dan Otorisasi Server
• Bagian 4: Sesi Klien
• Bagian 5: Data yang Bertahan

Penggunaan

Mulai database

Aplikasi ini memerlukan instance Postgres yang berjalan dengan kredensial yang ditentukan dalam appsettings.json. Salah satu cara untuk melakukan ini adalah menjalankan database dalam wadah Docker:

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

Memulai API

• Switch Directory
  • cd TodoListAPI
• Atur Lingkungan ke Pembangunan (Mac)
  • export ASPNETCORE_ENVIRONMENT=development
• Mulai server
  • dotnet run

Memulai klien

• Switch Directory

  • cd TodoListClient

• Instal Ember-Cli

  • npm install -g ember-cli

• Kembalikan paket

  • npm install -g yarn
  • yarn install

• Mulai klien

  • yarn start atau
  • ember s

• Buka http: // localhost: 4200/di browser Anda

Jika Anda belum menonton video: nama pengguna / kata sandi default adalah guest / Guest1! .

Menjalankan tes klien

• ember test
• ember test --server

Memperbarui ke versi terbaru Ember

Biasanya perintah berikut sudah cukup

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

Menguji jika semuanya masih berfungsi

• Aplikasi dimulai dan menampilkan tautan login
• Masuk dengan nama pengguna/kata sandi yang tidak valid menunjukkan popup
• Login dengan nama pengguna/kata sandi yang benar menunjukkan todo-item tunggal "dimiliki oleh Anda"
• Validasi Input: Menambahkan item TODO dengan kurang dari 4 karakter tidak mungkin
• Setelah menambahkan item TODO, Anda dibawa kembali ke daftar, yang termasuk item baru
• Mengklik logout membawa Anda kembali ke halaman login
• Menavigasi ke http: // localhost: 4200/s/todo-item saat login membawa Anda ke halaman login