Ubuntu Sistemine NGİNX Yükleme Ve Angular Projesi Çalıştırma

Herkese merhabalar,

Bugünkü yazımızda Nginx kurulumunu ve angular projesi çalıştırmaya detaylı anlatıcağız.

Nginx sunucu blokları ve web barındırma oluşturmak için kullanılan çok güçlü bir web sunucusudur.

Nginx serveri ubuntu sunucuya yükleme ile başlayalım

Adım 1: ubuntu apt paketlerini güncelleme

$ sudo apt-get update

Adım 2: nginx sunucusunu yükleme.

$ sudo apt-get install nginx

Adım 3: nginx sunucu portları

$ sudo ufw app list

Adım 4: nginx sunucunun http portuna yetki verme.

$ sudo ufw allow ‘Nginx HTTP’

Adım 5: nginx sunucu durumu.

$ systemctl status nginx

browser da yazdığımızda http://37.148.212.251/ aşağıdaki görüntü olmalıdır.

Angular projemizi sunuya yükleme işlemleri

Adım 1:sunucu ip prod ayarlama

Angular projemizde ilk olarak environments klasörü içinde environment.prod.ts klasörüne gerekli ip değişikliğini yapıyoruz.

API_BASE_PATH:'http://**********'

Adım 2: Angular projesinin hazırlanma

ng build –prod

veya angular >15 için ng build --configuration production --aot

komutunu çalıştırarak gerçek ortam için oluşan kodları dist klasöründe görürüyoruz.

Adım 3: Siteyi sunucuda yayınlama

Oluşan klasörü sunucu içindeki /var/www/html içerisine filezilla ile atıyoruz.

referanslar: https://balramchavan.medium.com/deploy-angular-application-in-nginx-server-on-digitalocean-ubuntu-droplet-28380524811e

Bugünkü yazımızda Nginx kurulumunu ve angular projesi çalıştırmaya detaylı anlattık. Bir sonraki yazımızda görüşmek dileğiyle.Takip etmeyi unutmayın:)