React uygulamasını Azure App Service’e dağıtma/deploy işlemi nasıl yapılır?

Merhaba, bu blog gönderisi, bir React uygulamasını yalnızca 8 adımda Visual Studio Code üzerinden Azure App Service’e manuel olarak nasıl deploy edebileceğiniz hakkında bilmeniz gerekenleri öğretmeyi amaçlamaktadır.

Gereksinimler:

• Azure’u ücretsiz olarak kullanmaya başlayabileceğiniz bir Azure aboneliği
• Visual Studio Code
• Node.js LTS sürümü
• Git

Hadi başlayalım:

Adım 0: Yeni bir React uygulaması oluşturun

Terminalinizi açın ve yeni bir React uygulaması oluşturmak için aşağıdaki komutu çalıştırın.

Adım 1: React uygulamanızı makinanızda local olarak test edin:

Terminalinizi veya komut isteminizi açın ve aşağıdaki kodu çalıştırın:

Uygulamanız varsayılan olarak http://localhost:3000/ adresinde mevcut olacaktır.

Adım 2: Uygulamanızı oluşturma; uygulamanızı dağıtmaya hazır olduğunuzda oluşturabilirsiniz.

Terminalinizi veya komut isteminizi açın ve çalıştırın:

3. Adım: React projemiz için bir Azure Web App oluşturalım.

4. Adım: Web uygulamanızla ilgili temel bilgileri yapılandıralım

Adım 6: Projeyi Visual Studio Code’unuzdan açın, daha sonra aşağıdaki uzantıları yükleyin

7. Adım: Azure hesabınızda oturum açın

Kimlik bilgilerinizi tamamlıyorsunuz, ardından Azure üzerindeki kaynaklarınızı, özellikle de 5. adımda oluşturulan Uygulama Hizmetlerini göreceksiniz.

Artık her şey yolunda görünüyor, React uygulamanız Azure Uygulama Hizmetlerine başarıyla dağıtıldı.

Bir sonraki makalede görüşmek üzere!