Latihan - Memulai

  • 3 menit

Azure Static Web Apps menerbitkan situs web ke lingkungan produksi dengan membangun aplikasi dari repositori GitHub. Dalam latihan ini, Anda membangun aplikasi web menggunakan Blazor dari repositori GitHub.

Membuat repositori

Modul ini memudahkan Anda untuk membuat repositori baru dengan menggunakan repositori templat GitHub. Templat tersedia yang berisi aplikasi starter yang dibangun dengan Blazor.

  1. Buka halaman buat dari templat untuk repositori templat.

    • Jika Anda mendapatkan kesalahan 404 Halaman Tidak Ditemukan, masuk ke GitHub dan coba lagi.

  2. Jika diminta untuk Pemilik, pilih salah satu akun GitHub Anda.

  3. Beri nama repositori Anda my-static-blazor-app.

  4. Azure Static Web Apps mendukung repositori publik dan pribadi. Untuk latihan ini, pilih Pribadi sebagai visibilitas.

  5. Pilih Buat repositori.

Jalankan aplikasi Anda

Anda baru saja membuat repositori GitHub bernama my-static-blazor-app di akun GitHub Anda. Selanjutnya, Anda mengkloning repositori dan menjalankan kode secara lokal di komputer Anda.

  1. Di repositori GitHub Anda, pilih Kode, dan salin URL di bawah HTTPS. Buka Visual Studio dan pilih Kloning Repositori. Tambahkan URL yang disalin ke lokasi Repositori, tambahkan Jalur, dan pilih Kloning.

    • Jika Anda memiliki beberapa versi Visual Studio yang terinstal, pastikan aplikasi Anda dibuka di Visual Studio 2022 atau versi lebih baru.

  2. Buka file solusi, ShoppingList.sln.

    Cuplikan layar memperlihatkan tempat membuka solusi daftar belanja.

  3. Terakhir, jalankan aplikasi klien front-end dengan memilih Klien sebagai proyek start up dan meluncurkan debugger.

    Cuplikan layar memperlihatkan proyek klien yang dipilih.

Telusuri aplikasi Anda

Saatnya melihat aplikasi Anda berjalan secara lokal. Visual Studio membuka situs web di browser default Anda.

Cuplikan layar memperlihatkan UI aplikasi web Anda.

Aplikasi Anda harus mengatakan Memuat data ... karena belum ada data atau API. Anda menambahkan API untuk aplikasi web Anda nanti dalam modul ini.

Sekarang, hentikan aplikasi Anda yang sedang berjalan dengan mengakhiri sesi debugging di Visual Studio.

Langkah berikutnya

Anda membuild aplikasi dan sekarang aplikasi berjalan secara lokal di browser Anda.

Selanjutnya, Anda menerbitkan aplikasi Anda ke Azure Static Web Apps.