PokemonEverywhere

Pokémon di mana -mana dengan .net

Kode sampel untuk menunjukkan bagaimana kode dapat dibagikan sepanjang jalan dari Frontend ke backend dengan C# dan .NET.

Proyek ini meliputi:

Proyek	Keterangan
Pokemoneverywhere.blazor	Aplikasi Web Blazor yang menunjukkan data Pokémon yang diambil yang berasal dari proyek API Web
Pokemoneverywhere.blazor.shared	Razor Class Library (RCL) yang dibagikan di antara semua proyek yang diaktifkan Blazor (Blazor, Blazor Hybrid dengan .NET Maui, WPF dan WinForms)
Pokemoneverywhere.blazorhybrid	Proyek Blazor Hybrid Dibangun di .Net Maui yang dapat Anda jalankan di Android, iOS, Windows dan MacOS
Pokemoneverywhere.console	Aplikasi Konsol .NET yang menunjukkan data Pokémon yang berasal dari proyek API Web dalam tabel
Pokemoneverywhere.maui	Aplikasi .NET Maui "Asli" yang menunjukkan data Pokémon yang berasal dari proyek API Web di aplikasi Android, iOS, Windows, dan MacOS asli
Pokemoneverywhere.hared	Perpustakaan kelas yang dibagikan dengan semua proyek lainnya . Termasuk model dan layanan Pokémon untuk mengambil data
Pokemoneverywhere.vue (bukan dalam solusi)	Proyek Web Vue yang di -host dalam proyek Vuehybrid
Pokemoneverywhere.vuehybrid	Proyek klien .NET Maui yang menggunakan HybridWebView untuk memuat aplikasi VUE yang kemudian menunjukkan data Pokémon yang berasal dari proyek API Web
Pokemoneverywhere.webapi	Backend Web API Project yang mengambil data dari sumber eksternal dan menyajikannya kepada klien
Pokemoneverywhere.wpf	Proyek Klien WPF yang menunjukkan cara mengambil data di kedua DataGrid WPF dan menggunakan Blazor Hybrid
Pokemoneverywhere.winforms	WinForms Project Klien yang Menunjukkan Cara Mengambil Data Di Kedua WinForms DataGridView dan Menggunakan Blazor Hybrid

Menjalankan proyek

1. Pastikan proyek WebAPI sedang berjalan untuk melayani data.

   Anda dapat melakukan ini dengan menjalankan dotnet run --project PokemonEverywhere.WebApi/PokemonEverywhere.WebApi.csproj --launch-profile "https"

   Jika menghubungkan ke titik akhir https memberi Anda kesalahan tentang sertifikat yang tidak valid, hentikan server dan jalankan dotnet dev-certs https --trust . Ini mungkin meminta kata sandi Anda. Kemudian jalankan perintah di atas lagi untuk menjalankan server.

2. Secara opsional Anda dapat mengatur devtunnel untuk terhubung ke server dari emulator/simulator.

   Untuk melakukan ini, instal DevTunnels dan jalankan devtunnel host -a -p 7055 . Port 7055 adalah default dalam proyek ini, jika Anda memilih untuk menggunakan sesuatu yang lain, perbarui port. Arahkan ke URL yang dihasilkan sekali dari browser untuk mengakui pesan peringatan, sejak saat itu Anda dapat terhubung ke URL dari proyek aplikasi klien.

Semua proyek harus dapat berjalan melalui editor IDE atau kode atau baris perintah.

Misalnya untuk menjalankan proyek klien Blazor dari penggunaan baris perintah

dotnet run --project PokemonEverywhere.Blazor/PokemonEverywhere.Blazor.csproj --launch-profile " https "

Atau untuk menjalankan .net maui pada windows dari penggunaan baris perintah

dotnet build PokemonEverywhere.Maui/PokemonEverywhere.Maui.csproj -t:Run -f net8.0-windows10.0.19041.0

Di Visual Studio, atur proyek favorit Anda sebagai proyek startup dan mulai berjalan!

Menjalankan Proyek Vuehybrid

Sebelum menjalankan proyek Vuehybrid, pastikan untuk menginstal NPM dan dari pokemoneverywhere.vue folder run

npm i
npm run build