Latihan - Membuat aplikasi Azure Functions dan merefaktor kode

  • 5 menit

Dalam latihan ini, Anda membuat aplikasi Azure Functions tanpa server yang menjalankan API alih-alih aplikasi Express. Anda kemudian memigrasikan logika aplikasi dari aplikasi Node.js Express ke aplikasi Functions. Anda tidak perlu menulis ulang kode. Anda hanya memerlukan beberapa perubahan kode kecil untuk melakukan transisi.

Membuat aplikasi Azure Functions baru

Pastikan Anda telah menginstal Ekstensi Visual Studio Code untuk Azure Functions .

  1. Di Visual Studio Code, buka palet perintah dengan menekan F1

  2. Ketik dan pilih Azure Functions: Buat Proyek Baru.

    Screenshot of Visual Studio Code creating a new function app.

  3. Pilih akar repositori sebagai lokasi untuk proyek baru.

  4. Saat diminta, masukkan nilai berikut.

    Nama Nilai
    Bahasa TypeScript
    Pilih Model Pemrograman TypeScript Model V4
    Templat Pemicu HTTP
    Nama getVacations

Aplikasi Functions sekarang dibuat untuk melayani titik akhir API aplikasi. Di unit berikutnya, Anda membuat fungsi yang mencantumkan, menambahkan, memperbarui, dan menghapus liburan.

Catatan

Anda membuat aplikasi Functions di folder fungsi , yang memisahkannya dari aplikasi Angular. Anda dapat memutuskan cara menyusun aplikasi Anda, tetapi untuk tujuan pembelajaran akan membantu melihat kedua aplikasi di satu tempat.

Menyalin dan merefaktor kode handler rute

Semua logika Node.js Express yang mengembalikan data ada di folder server/layanan . Anda dapat menyalin kode ini dari aplikasi Node.js Express ke aplikasi Functions, lalu melakukan beberapa pemfaktoran ulang kecil untuk membuat kode berfungsi dengan Functions alih-alih Node.js Express.

Tabel berikut mencantumkan perbedaan utama antara aplikasi Node.js Express dan aplikasi Functions:

Komponen Node.js Express Fungsi
Paket npm yang diimpor untuk melayani aplikasi express @azure/functions
Objek permintaan dan respons req dan res request dan context

Pertama, Anda merefaktor kode untuk mengimpor paket npm yang sesuai. Kemudian Anda melakukan refaktor untuk menangani perbedaan antara bagaimana Express dan Functions meneruskan objek permintaan dan respons.

Menyalin kode yang ada dari proyek Ekspres

Di Visual Studio Code, salin subfolder berikut dari folder server di aplikasi Express dan tempelkan ke folder functions/ :

  • data
  • model
  • layanan

Anda tidak perlu menyalin folder rute karena Anda akan membuat fungsi baru untuk setiap rute di aplikasi Azure Functions.

Lanjutkan ke unit berikutnya untuk membuat fungsi dan merefaktor titik akhir dan rute.