Latihan - Membuat RESTful fungsi

Selesai

API Manajer Produk akan mendapatkan peningkatan gaya serius dari Anda, pengembang Tailwind Traders. Dalam latihan ini, Anda akan mengubah semua fungsi yang Anda buat sebelumnya menjadi fungsi RESTful dengan mengubah file konfigurasinya.

Buat rute GetProducts RESTful

  1. Di Visual Studio Code, buka file api/src/index.ts.

  2. Dalam definisi rute untuk GetProducts, batasi methods properti sehingga hanya berisi nilai GET.

    methods: ['GET']
    
  3. route Tambahkan properti dengan nilai products untuk rute /api/productslengkap .

    route: 'products',
    

    Definisi rute lengkapnya adalah:

    app.http('GetProducts', {
        methods: ['GET'],
        route: 'products',       // <- route: /api/products
        authLevel: 'anonymous',
        handler: GetProducts
    });
    
  4. Simpan file.

    Catatan

    Menyimpan file akan menyebabkan proses Azure Functions menghentikan debugger, dan akan membuatnya terputus. Jangan khawatir. Anda tidak merusak apa pun. Hanya saja Anda telah membuat perubahan mendasar pada bagaimana fungsi disajikan, jadi Anda harus memulai ulang proyek setelah menyelesaikan semua pembersihan spring REST ini.

Membuat RESTful fungsi CreateProduct

  1. Masih dalam api/src/index.ts file, batasi properti yang diizinkan methods ke POST.

    methods: ['POST']
    
  2. route Tambahkan properti dengan nilai products untuk rute /api/productslengkap .

    route: 'products',
    

    Definisi rute lengkapnya adalah:

    app.http('CreateProduct',{
        methods: ['POST'],
        route: 'products',
        authLevel: 'anonymous',
        handler: CreateProduct
    });
    
  3. Simpan file.

Membuat RESTful fungsi UpdateProduct

  1. Masih dalam api/src/index.ts file, batasi properti yang diizinkan methods ke PUT.

    methods: ['PUT'],
    
  2. route Tambahkan properti dengan nilai products untuk rute /api/productslengkap .

    route: 'products',
    

    Definisi rute lengkapnya adalah:

    app.http('UpdateProduct', {
        methods: ['PUT'],
        route: 'products',
        authLevel: 'anonymous',
        handler: UpdateProduct
    });
    
  3. Simpan file.

Membuat RESTful fungsi DeleteProduct

  1. Masih dalam api/src/index.ts file, batasi properti yang diizinkan methods ke DELETE.

     methods: ['DELETE']
    
  2. Perbarui rute untuk menggunakan id produk sebagai parameter rute.

    route: 'products/{id}',
    

    Definisi rute lengkapnya adalah:

    app.http('DeleteProduct', {
        methods: ['DELETE'],
        route: 'products/{id}',
        authLevel: 'anonymous',
        handler: DeleteProduct
    });
    
  3. Simpan file.

Memulai proyek

  1. Mulai proyek Azure Functions dengan menekan F5.

  2. Perhatikan bahwa URL untuk titik akhir fungsi Anda sekarang berbeda.

    Cuplikan layar terminal Visual Studio Code yang menunjukkan titik akhir yang berjalan pada rute baru.

Lihatlah API yang menakjubkan itu. Sangat cantik. Perhatikan bagaimana Anda menentukan rute yang sama persis untuk fungsi CreateProduct, UpdateProduct, dan DeleteProduct. Hanya metode permintaan HTTP yang berbeda. Anda telah mengubah tiga URL menjadi satu, sementara masih memiliki tiga titik akhir. Anda seorang pesulap.