Latihan - Menyiapkan dan menjalankan aplikasi web pemula

  • 5 menit

Langkah pertama dari proyek ini adalah menelusuri aplikasi pemula yang ada, memastikannya berhasil dibangun, lalu menjalankan aplikasi.

Ada beberapa persyaratan dalam latihan ini:

  • Buka CodeTour dalam aplikasi dan telusuri seluruh tur
  • Berhasil membangun aplikasi
  • Jalankan aplikasi menggunakan fitur Hot Reload dari .NET

Setelah menyelesaikan latihan ini, Anda akan memiliki pemahaman umum tentang proyek dan komponennya.

Menelusuri tur kode

Aplikasi ini menggunakan CodeTour, ekstensi Visual Studio Code untuk memandu Anda melalui tur berpemandu basis kode. Di sini, Anda menelusuri basis kode dan berorientasi pada aplikasi yang sedang Anda kerjakan melalui proyek ini.

Penting

Tur kode ini hanya tersedia di start cabang repositori. Jika Anda tidak melihat perintah atau file tur, validasi bahwa Anda menggunakan cabang yang benar.

  1. Buka Palet Perintah, cari perintah CodeTour, lalu pilih CodeTour: Start Tour.

    Screenshot of the Command Palette option to start the primary guided tour of the codebase.

  2. Tinjau gambaran umum tur berpemandu.

  3. Tur berpemandu basis kode memandu Anda melalui komponen aplikasi berikut.

    • Jenis Message dan Session di /Models jalur
    • Templat Bicep dan berbagai properti sumber daya yang disebarkannya
    • Kelas CosmosDbService dan OpenAiService yang Anda ubah sebagai bagian dari proyek ini

  4. Terakhir, tinjau langkah terakhir tur berpemandu dan selesaikan tur.

Membangun dan menjalankan aplikasi

Sekarang saatnya untuk memastikan aplikasi berfungsi seperti yang diharapkan. Dalam langkah ini, bangun aplikasi untuk memverifikasi bahwa tidak ada masalah sebelum Anda memulai dan menjalankan aplikasi menggunakan implementasi metode layanan yang tersandung.

  1. Buka terminal baru.

  2. Mulai aplikasi dengan hot reload diaktifkan menggunakan dotnet watch.

    dotnet watch run --non-interactive

  3. Visual Studio Code meluncurkan browser sederhana dalam alat dengan aplikasi web yang berjalan. Di aplikasi web, buat sesi obrolan baru dengan setidaknya satu pesan. Asisten AI merespons dengan nilai string prabayar yang Anda amati selama tur terpandu kode proyek.

    Screenshot of the application running without a connection to Azure OpenAI or Azure Cosmos DB.

  4. Tutup terminal.

    Penting

    Menutup terminal akan merilis port sehingga Anda dapat membangun kembali dan menjalankan aplikasi ini lagi nanti dalam proyek ini. Jika Anda lupa menutup terminal, Anda mungkin mengalami masalah dengan port aplikasi yang sudah digunakan saat penelusuran kesalahan nanti dalam proyek.