Not
Bu sayfaya erişim yetkilendirme gerektiriyor. Oturum açmayı veya dizinleri değiştirmeyi deneyebilirsiniz.
Bu sayfaya erişim yetkilendirme gerektiriyor. Dizinleri değiştirmeyi deneyebilirsiniz.
JavaScript tabanlı uygulamanızı Azure'a dağıtmak için, bir dosya veya dosya kümesini HTTP uç noktası aracılığıyla sunulmak üzere Azure'a taşırsınız. Dosyaları taşıma işlemi dağıtım olarak adlandırılır.
Önkoşullar
- Azure aboneliği - ücretsiz bir tane oluşturun.
- Node.js LTS
- GitHub deposundan dağıtım yapmayı planlıyorsanız bir GitHub hesabı.
Dağıtım yöntemleri
Azure, farklı gereksinimlere uygun çeşitli dağıtım yöntemleri sunar. Bazı yaygın yöntemler şunlardır:
| Yöntem | Detaylar |
|---|---|
| Azure Geliştirici CLI | Komut satırı araçlarını tercih eden ve kaynakların sağlanmasını ve dağıtımını otomatikleştirmesi gereken geliştiriciler için idealdir. |
| Visual Studio Code Uzantıları | El ile, test veya seyrek dağıtımlar için uygundur. İlgili Azure uzantılarının yerel olarak yüklenmesini gerektirir. |
| Azure CLI | El ile veya ara sıra dağıtımlar için kullanışlıdır. Azure CLI'nın yerel olarak yüklenmesini gerektirir. |
| GitHub Eylemleri | GitHub deponuzdaki değişiklikler tarafından tetiklenen otomatik veya sürekli dağıtımlar için en iyi yöntemdir. |
Belirli bir hizmete bağlı olarak başka dağıtım yöntemleri de vardır. Örneğin, Azure app service çok çeşitli dağıtım yöntemlerini destekler:
- ZIP dosyasından
- FTP ile
- Dropbox veya OneDrive
- Yerel Git
- cURL
- SSH
Başlangıçta dağıtmak için bu yöntemi kullanmamış olsanız bile sağlanan yöntemlerden herhangi birini kullanarak App Service'inize yeniden dağıtabilirsiniz. Yöntemleri değiştiriyorsanız yeniden dağıtmadan önce bazı yapılandırmalarınız olabilir.
JavaScript uygulamaları için Azure barındırma hizmetleri
Azure, farklı JavaScript uygulama senaryoları için iyileştirilmiş birden çok barındırma hizmeti sağlar:
| Hizmet | En Uygun | Önemli Özellikler |
|---|---|---|
| Azure Static Web Apps | Statik ön uçları (React, Vue, Angular) ve isteğe bağlı sunucusuz API'leri olan modern web uygulamaları | Ücretsiz SSL, global CDN, çekme istekleri için hazırlama ortamları, entegre kimlik doğrulaması |
| Azure App Service | Tam özellikli web uygulamaları ve REST API'leri | Yerleşik otomatik ölçeklendirme, dağıtım yuvaları, Azure hizmetleriyle kolay tümleştirme |
| Azure İşlevleri | Olay odaklı sunucusuz uygulamalar ve mikro hizmetler | Çalıştırma başına ödeme, otomatik ölçeklendirme, birden çok tetikleyici ve bağlayıcılar. |
| Azure Container Apps | Kapsayıcılı uygulamalar ve mikro hizmetler | Kubernetes destekli sunucusuz kapsayıcılar, Dapr tümleştirmesi, olay odaklı ölçeklendirme |
Doğru barındırma hizmetini seçme hakkında daha fazla bilgi için bkz. Azure'da uygulamaları barındırma.
Yapı adımları
Uygulamanızın karmaşıklığı ve dağıtım gereksinimlerine bağlı olarak, JavaScript uygulamanızı dağıtımdan önce veya dağıtım sırasında oluşturmayı seçebilirsiniz:
- Dağıtımdan önce derleme: Karmaşık veya uzun derlemeler için uygulamanızı bir zip dosyasına paketleyin ve dağıtın. Dağıtım paketi, dağıtımdan önce derlemeyi denetlemenize ve test etmenizi sağlar.
- Dağıtım sırasında derleme: Daha basit derlemeler için azure tarafından sağlanan ortam değişkenini SCM_DO_BUILD_DURING_DEPLOYMENT=true kullanarak uygulamanızı dağıtım sırasında derleyin.
Dağıtım yuvaları
Azure App Service'te
Dağıtım amaçlarını karıştırmak için dağıtım yuvalarını kullanmayın. Tüm dağıtım yuvaları app service'i paylaşır, bu nedenle trafik desenlerinin ve tüm yuvaların kullanım amacının aynı olduğundan emin olmanız gerekir. Ayrı bir uygulama hizmeti olarak barındırılması gereken bir test veya aşama ortamına ihtiyacınız varsa.
Azure Geliştirici CLI ile dağıtma
Azure Geliştirici CLI'sı (azd), uygulamanızı Azure'a dağıtma işlemini basitleştirir. Şu adımları izleyin:
Azure Geliştirici CLI'yi yükleyin.
Projenizin kullandığı kaynakların çoğunu kullanan mevcut bir proje bulun.
Kendi projeniz için altyapı şablonu olarak kullanmak üzere projenin yerel bir sürümünü başlatın.
azd init --template <template-name>Kaynakları oluşturun ve kodu Azure'a dağıtın.
azd up
Visual Studio Code ile dağıtma
App service uygulamanızı Visual Studio Code ile dağıtmak veya yeniden dağıtmak için aşağıdaki adımları tamamlayın:
AzureApp Service
veya Azure İşlevleri gibi ilgili Azure uzantılarını yükleyin. Azure gezginini açın. Birincil yan çubukta Azure simgesini seçin veya klavye kısayolunu kullanın (Shift + Alt + A).
Kaynaklar grubunda aboneliğinizi ve hizmetinizi seçin.
Hizmetinize sağ tıklayın ve Web Uygulamasına Dağıt... öğesini seçin..
ile App service'e dağıtma veya yeniden dağıtma
Azure Static Web Apps'e dağıtın
Azure Static Web Apps, JavaScript çerçeveleriyle oluşturulmuş modern web uygulamaları için idealdir. Dağıtım için:
- Visual Studio Code için Azure Static Web Apps uzantısını yükleyin.
- Uygulamanızın beklendiği gibi çalıştığından emin olmak için yerel olarak oluşturun.
- Visual Studio Code'da Azure gezginini açın ve Azure Static Web Apps'i bulun.
- Aboneliğinize sağ tıklayın ve Statik Web Uygulaması Oluştur'u seçin.
- GitHub deponuzu bağlamak için istemleri izleyin. Azure otomatik olarak bir GitHub Actions iş akışı oluşturur.
- Otomatik dağıtımları tetikleyebilmek için deponuza değişiklikleri gönderin.
Diğer ayrıntılar için bkz. Web uygulamanızı Azure Static Web Apps'e dağıtma.
Azure Container Apps'a dağıtım
Azure Container Apps, JavaScript uygulamaları için sunucusuz kapsayıcı barındırma sağlar. Dağıtmak için:
- Docker kullanarak uygulamanızı kapsayıcılı hale getirme. Proje kökünüzde bir Dockerfile oluşturun.
- Kapsayıcınızı yerel olarak oluşturun ve test edin.
- Kapsayıcı görüntünüzü Azure Container Registry'ye gönderin.
- Kapsayıcı uygulamanızı oluşturmak ve dağıtmak için Azure Container Apps uzantısını veya Azure CLI'yi kullanın.
Eksiksiz bir kılavuz için bkz. Azure Container Apps'te JavaScript'e genel bakış.
Azure barındırılan ortamınıza bağlanma
- Barındırılan ortamlarınıza manuel veya ara sıra erişim için, Azure barındırılan ortamınızdaki dosyaları nasıl görüntüleyebileceğiniziinceleyin.
otomatik veya tutarlı erişim için dağıtım yöntemlerinden birini ayarlama adımlarını atmayı göz önünde bulundurun.
Azure'da barındırılan ortamda dosyaları görüntüleme
Barındırılan Azure Web uygulamanızda veya İşlev uygulamanızda dosyaları hemen görmenin birkaç yolu vardır. Barındırılan kaynağınızda yuvalar kullanıyorsanız, dosyaları görüntülemeden önce doğru yuvada olduğunuzdan emin olmanız gerekir.
Azure portalında dosyaları görüntüleyin - Barındırma kaynağınız için Geliştirme araçları altından Konsol'u seçin.
VS Code uzantısında dosyaları görüntüleme: - Etkinlik çubuğundaKi Azure simgesini seçin. Kaynaklar bölümünde aboneliğinizi ve hizmetinizi seçin. Dosyalar düğümü uzak dosyalarınızın bir görünümünü sağlar.
- Azure App Service ve Azure İşlevleri uzantıları uzak dosyaların görünümünü sağlar.
Azure portalında HTTP uç noktasını görüntüleme
Hizmetin Azure portalındaki Genel Bakış sayfasından HTTP uç noktanızı görüntüleyin.
