Alıştırma - Azure İşlevleri uygulaması oluşturma ve kodu yeniden düzenleme
Bu alıştırmada, Express uygulaması yerine API'leri çalıştıran sunucusuz bir Azure İşlevleri uygulaması oluşturacaksınız. Ardından uygulama mantığını Node.js Express uygulamasından İşlevler uygulamasına geçirirsiniz. Kodu yeniden yazmanız gerekmez. Geçişi yapmak için yalnızca birkaç küçük kod değişikliğine ihtiyacınız vardır.
Yeni bir Azure İşlevleri uygulaması oluşturma
Azure İşlevleri için Visual Studio Code Uzantısı'nın yüklü olduğundan emin olun.
Visual Studio Code’da F1 tuşuna basarak komut paletini açın
Azure İşlevleri: Yeni Proje Oluştur yazın ve seçin.
Yeni projenin konumu olarak deponun kökünü seçin.
İstendiğinde, aşağıdaki değerleri girin.
Veri Akışı Adı Değer Dil TypeScript TypeScript Programlama Modeli Seçme Model V4 Template HTTP tetikleyicisi Veri Akışı Adı getVacations
İşlevler uygulaması artık uygulamanın API uç noktalarına hizmet vermek için oluşturulmuştur. Sonraki ünitede tatilleri listeleyen, ekleyen, güncelleştiren ve silecek işlevleri oluşturacaksınız.
Not
İşlevler uygulamasını angular uygulamasından ayıran bir functions klasöründe oluşturdunuz. Uygulamalarınızı nasıl yapılandırabileceğinize karar vekleyebilirsiniz, ancak öğrenme amacıyla her iki uygulamayı da tek bir yerde görmenize yardımcı olur.
Yol işleyicisi kodunu kopyalama ve yeniden düzenleme
Veri döndüren tüm Node.js Express mantığı sunucu/hizmetler klasöründedir. Bu kodu Node.js Express uygulamasından İşlevler uygulamasına kopyalayabilir ve sonra kodun Node.js Express yerine İşlevler ile çalışması için küçük bir yeniden düzenleme yapabilirsiniz.
Aşağıdaki tabloda Node.js Express uygulaması ile İşlevler uygulaması arasındaki temel farklar listelenmektedir:
| Bileşen | Node.js Express | İşlevler |
|---|---|---|
| Uygulamaya hizmet vermek için içeri aktarılan npm paketi | express |
@azure/functions |
| İstek ve yanıt nesneleri | req ve res |
request ve context |
İlk olarak, uygun npm paketini içeri aktarmak için kodu yeniden düzenleyin. Ardından Express ve İşlevler'in istek ve yanıt nesnelerini geçirmesi arasındaki farkları işlemek için yeniden düzenleme yapın.
Express projesinden var olan kodun üzerine kopyalama
Visual Studio Code'da, Express uygulamasındaki sunucu klasöründen aşağıdaki alt klasörleri kopyalayın ve işlevler/ klasörüne yapıştırın:
- veriler
- modeller
- services
Azure İşlevleri uygulamasındaki her yol için yeni işlevler oluşturacağınız için routes klasörünü kopyalamanız gerekmez.
İşlevleri oluşturmak ve uç noktaları ve yolları yeniden düzenlemek için sonraki üniteye geçin.