Latihan - Membuat proyek fungsi
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
Di Visual Studio Code, buka Palet Perintah.
Masukkan buat proyek baru.
Pilih Azure Functions: Buat Project Baru.
Pilih folder api.
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 Ketika diminta untuk menimpa
.gitignore
file ataupackage.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
danlocal.settings.json
.src/index.ts
Di , tambahkan pernyataan impor ini.import { GetProducts } from "./functions/GetProducts";
src/index.ts
Di , 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.
Buka Palet Perintah.
Masukkan pilihan debug.
Pilih Debug: Pilih dan Mulai Debugging.
Pilih Lampirkan ke Fungsi Node.
Proyek Azure Functions diluncurkan. Terminal menunjukkan URL aplikasi 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.