unduhan spa30 - pengunduhan kode sumber spa30

spa30

Kategori lainnya

1.0.0

Unduh

Proyek Pasar

Kami akan membangun aplikasi web sederhana dimana orang dapat mengelola produk yang ingin mereka jual.

Setiap orang dapat menelusuri produk yang ada.
Hanya pengguna terautentikasi yang dapat menambahkan produk baru.
Hanya pemilik produk yang dapat mengedit atau menghapus produk.

Kami akan membangun 3 proyek. Proyek FrontEnd akan menjadi Aplikasi Web Progresif yang dibangun menggunakan Vuejs, Vue Router dan Vuetify, sedangkan di sisi server kita akan membangun dua Aplikasi Web .NET Core 3.0 menggunakan Visual Studio 2019: satu akan mengekspos REST API sementara yang kedua akan mengurusnya Otentikasi, menggunakan Identity Server 4.

Klien FrontEnd
- Javascript (ECMAScript 2015+)
- HTML5
- CSS3
- Vue.js 2
- Router Vue
- Vuetifikasi
- Buka Klien Id Connect
- Ambil API
- API Kamera Asli

Proyek ini akan berinteraksi dengan pengguna melalui browser dengan membangun antarmuka pengguna HTML secara dinamis dan akan berbicara ke server dengan menggunakan javascript dan json.

Layanan REST
- Pengontrol API Web .NET Core 3.0
- Kerangka Entitas Inti 3.0
- Basis Data Server Sql
- Otentikasi Klien Server Identitas

Proyek ini akan bertanggung jawab untuk menyimpan data di server dan menanggapi permintaan klien melalui http dan json.

Server Otentikasi
- Server Identitas 4
- Inti Kerangka Entitas

Proyek ini akan menangani bagian otentikasi. Ini akan mengeluarkan token JWT yang akan digunakan oleh aplikasi klien untuk mendapatkan akses ke server.

Apa yang perlu Anda ketahui:

C#
Javascript (ECMAScript 2015+)
HTML5
CSS3

Apa yang akan Anda pelajari:

Apa itu REST
Apa itu .NET Inti
Inti ASP.NET
Apa itu Pengontrol API Web
alap-alap
Perangkat Tengah
Variabel lingkungan
Konfigurasi Inti ASP.NET
Injeksi Ketergantungan
Inti Kerangka Entitas
Tukang pos
KOR
Vue.js
Router Vue
Ambil API
Paket Web
Vuetifikasi
Otentikasi dan Otorisasi
OAuth 2 dan Buka Id Connect
Server Identitas 4
Otorisasi Pemilik Sumber Daya

Sebelum Anda mulai, Anda perlu

Visual Studio 2019 (Edisi Komunitas sudah cukup)

Pastikan Anda menginstal beban kerja "pengembangan lintas platform .NET Core". Anda dapat memeriksa dan menginstal beban kerja dengan meluncurkan Penginstal Visual Studio.

Kode Visual Studio
simpul

Untuk informasi lebih lanjut tentang instalasi .NET Core

Silakan lihat https://www.microsoft.com/net/download/windows

Alur kerja kami

Kami akan membagi proyek kami menjadi beberapa langkah sederhana. Setiap langkah akan fokus pada satu tugas dan akan melanjutkan langkah sebelumnya. Kami akan memulai dengan proyek sederhana yang seiring berjalannya waktu akan menjadi semakin kompleks. Misalnya, kami tidak akan fokus pada otentikasi dan otorisasi pada awalnya. Kami akan menambahkannya di langkah selanjutnya.

Folder ini berisi subfolder yang berbeda. Setiap subfolder mewakili fase dalam proyek kami. Folder "Mulai" adalah titik awal dari setiap langkah. Folder "Solusi" adalah versi final dari setiap langkah, yang diberikan kepada Anda jika Anda ingin memeriksa proyek Anda seharusnya menjadi apa di akhir setiap lab. Yang harus Anda lakukan adalah membuka folder awal yang sesuai dengan lab yang ingin Anda coba (misalnya Lab01/Start untuk memulai) dan ikuti instruksi yang Anda temukan di file readme.md . Setelah selesai, silakan bandingkan pekerjaan Anda dengan solusi yang disediakan di folder Solusi.

Untuk MEMULAI

Buka folder Lab
Arahkan ke subfolder Lab01
Arahkan ke subfolder Mulai
Ikuti instruksi yang terdapat dalam file readme.md untuk melanjutkan

Jika Anda ingin melihat aplikasi terakhir

Konfigurasikan dan mulai Aplikasi Server Identitas

Buka Lab08SolutionMarketPlaceIdentityServerIdentityServer.sln di Visual Studio
Bangun proyek tetapi jangan memulainya dari Visual Studio
Buka prompt perintah di bawah folder Lab08SolutionMarketPlaceIdentityServer
Ketik dotnet run /seed
Navigasikan ke http://localhost:5002 dan pastikan proyek sudah aktif dan berjalan