Latihan - Membuat proyek fungsi

Selesai

Tailwind Traders berencana membangun API tradisional, tetapi Anda dengan cekatan menunjukkan bahwa tanpa server sangat cocok untuk API yang mengalami lonjakan lalu lintas yang tidak terduga. Ini juga dapat dilakukan tanpa mengganggu basis kode yang ada. Anda sudah melakukannya dengan baik. Anda memiliki karir yang panjang dalam penjualan perangkat keras online di masa depan Anda.

Sudah waktunya untuk mengirimkan lofty buzzword itu. Sekarang, Anda perlu membuat proyek baru di Azure Functions untuk menjadi API HTTP untuk aplikasi Manajer Produk. Itu berarti membuat proyek Azure Functions, lengkap dengan semua titik akhir yang diperlukan aplikasi Manajer Produk untuk dapat membuat, membaca, memperbarui, dan menghapus produk.

Membuat proyek dengan kode yang sudah ada

Latihan ini memberi Anda basis kode yang diselesaikan sebagian. Saat membuat aplikasi Azure Functions baru, Anda harus membiarkan file yang ada package.json di tempat. File package.json adalah file yang berisi dependensi proyek. Jika Anda menimpanya, Anda kehilangan dependensi yang ada.

Alur kerja ini dipilih untuk memberi Anda awalan pada proyek. Anda dapat fokus pada kode tanpa server dan kode integrasi database, daripada menyiapkan proyek dari awal.

Membuat proyek Azure Functions baru

  1. Di Visual Studio Code, buka Palet Perintah.

  2. Masukkan buat proyek baru.

  3. Pilih Azure Functions: Buat Project Baru.

  4. Pilih folder api.

  5. Saat diminta, masukkan nilai berikut. Jangan timpa file package.json ketika diminta.

    Nama Nilai
    Bahasa TypeScript
    Pilih Model Pemrograman TypeScript Model V4
    Templat Pemicu HTTP
    Nama GetProducts
    Menimpa package.json No
  6. Ketika diminta untuk menimpa .gitignore file atau package.json , pastikan Anda memilih Tidak.

    Folder fungsi di api/src sekarang berisi aplikasi Azure Functions baru dengan fungsi di api/src/functions/GetProducts.ts. Beberapa file proyek lain yang diperlukan juga ditambahkan, termasuk host.json dan local.settings.json.

  7. src/index.tsDi , tambahkan pernyataan impor ini.

    import { GetProducts } from "./functions/GetProducts";
    
  8. src/index.tsDi , tambahkan handler untuk definisi rute.

    app.http('GetProducts', {
        methods: ['GET', 'POST'],
        authLevel: 'anonymous',
        handler: GetProducts
    });
    

Memeriksa fungsi Buat, Perbarui, dan Hapus

Fungsi Buat, Perbarui, dan Hapus sudah dibuat untuk Anda. Mereka dibuat dengan proses yang sama dengan yang Anda gunakan untuk membuat fungsi GetProducts dan, mereka sudah berisi kode akses database.

  • Perhatikan bahwa proyek api sudah berisi fungsi CreateProduct, DeleteProduct dan UpdateProduct.

Menjalankan proyek Azure Functions

Anda dapat menjalankan dan men-debug proyek Azure Functions secara lokal dari dalam Visual Studio Code.

  1. Buka Palet Perintah.

  2. Masukkan pilihan debug.

  3. Pilih Debug: Pilih dan Mulai Debugging.

  4. Pilih Lampirkan ke Fungsi Node.

    Proyek Azure Functions diluncurkan. Terminal menunjukkan URL aplikasi fungsi.

    Cuplikan layar terminal terintegrasi Visual Studio Code yang menunjukkan URL fungsi.

Visual Studio Code menghasilkan kesalahan berikut, "Tidak dapat membaca properti 'titik akhir' yang tidak terdefinisi". Tidak masalah! Hal itu karena Anda belum menyiapkan string koneksi database. Perhatikan bahwa empat titik akhir tercantum di atas kesalahan itu, dan bahwa jika Anda memilih salah satunya, Anda mendapatkan kesalahan yang sama.