Angular CLI ve PM2 Kullanarak Angular Uygulamaları Oluşturma ve Çalıştırma


Angular CLI, geliştirme sırasında uygulamanızı yerel olarak oluşturmak, oluşturmak ve çalıştırmak için kullanılan, Angular çerçevesine yönelik bir komut satırı arayüzüdür.

Bir geliştirme sunucusunda Angular projesi oluşturmak ve test etmek için tasarlanmıştır. Ancak uygulamalarınızı üretimde sonsuza kadar çalıştırmak/canlı tutmak istiyorsanız PM2 gibi bir Node.js süreç yöneticisine ihtiyacınız var.

PM2, yerleşik yük dengeleyiciye sahip, Node.js uygulamalarına yönelik popüler, gelişmiş ve zengin özelliklere sahip bir üretim süreci yöneticisidir.

Özellik seti, uygulama izleme desteğini, mikro hizmetlerin/süreçlerin verimli yönetimini, uygulama kümesi modunu çalıştırmayı ve uygulamaların zarif bir şekilde yeniden başlatılmasını ve kapatılmasını içerir. Ayrıca uygulama günlüklerinin kolay yönetimini ve çok daha fazlasını destekler.

Bu makalede, Angular uygulamalarını Angular CLI ve PM2 Node.js süreç yöneticisini kullanarak nasıl çalıştıracağınızı göstereceğiz. Bu, uygulamanızı geliştirme sırasında sürekli olarak çalıştırmanıza olanak tanır.

Gereksinimler

Devam etmek için sunucunuzda aşağıdaki paketlerin kurulu olması gerekir:

  • Node.js ve NPM
  • Açısal CLI
  • PM2

Not: Linux sisteminizde zaten Node.js ve NPM yüklüyse, şuraya geçin: 2. Adım.

Adım 1: Node.js'yi Linux'a yükleme

Node.js'nin en son sürümünü yüklemek için öncelikle NodeSource deposunu gösterildiği gibi sisteminize ekleyin ve paketi yükleyin. Linux dağıtımınıza kurmak istediğiniz Node.js sürümü için doğru komutu çalıştırmayı unutmayın.

Node.js'yi Ubuntu'ya yükleyin

------------- For Node.js v19.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v18.x -------------
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v16.x -------------
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v14.x -------------
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

Node.js'yi Debian'a yükleyin

------------- For Node.js v19.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v18.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v16.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\
sudo apt-get install -y nodejs

------------- For Node.js v14.x ------------- 
curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\
sudo apt-get install -y nodejs

Node.js'yi RHEL Tabanlı Dağıtımlara yükleyin

------------- For Node.js v19.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v18.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v16.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash -
sudo yum install -y nodejs

------------- For Node.js v14.x ------------- 
curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash -
sudo yum install -y nodejs

Ayrıca NPM'den yerel eklentileri derleyip yükleyebilmeniz için geliştirme araçlarını da sisteminize yükleyin.

sudo apt install build-essential  [On Debian/Ubuntu]
yum install gcc-c++ make          [On CentOS/RHEL]
dnf install gcc-c++ make          [On Fedora]

Node.js ve NPM'yi yükledikten sonra aşağıdaki komutları kullanarak sürümlerini kontrol edebilirsiniz.

node -v
npm -v

Adım 2: Angular CLI ve PM2'nin Kurulumu

Ardından, gösterildiği gibi npm paket yöneticisini kullanarak Angular CLI ve PM2'yi yükleyin. Aşağıdaki komutlarda, -g seçeneği, paketleri tüm sistem kullanıcıları tarafından kullanılabilen global olarak kurmak anlamına gelir.

sudo npm install -g @angular/cli        #install Angular CLI
sudo npm install -g pm2                 #install PM2

Adım 3: Angular CLI Kullanarak Angular Proje Oluşturma

Şimdi sunucunuzun webroot dizinine geçin, ardından Angular uygulamanızı (sysmon-app olarak adlandırılır, bunu uygulamanızın adıyla değiştirin) oluşturun, derleyin ve sunun. Açısal CLI.

cd /srv/www/htdocs/
sudo ng new sysmon-app        #follow the prompts

Daha sonra, yeni oluşturulmuş olan ve gösterildiği gibi uygulamaya hizmet eden uygulama (tam yol /srv/www/htdocs/sysmon-app) dizinine geçin.

cd sysmon-app
sudo ng serve

ng serve komutunun çıktısından Angular uygulamasının arka planda çalışmadığını, artık komut istemine erişemediğinizi görebilirsiniz. Bu nedenle çalışırken başka komutları çalıştıramazsınız.

Bu nedenle, uygulamayı kontrol etmek ve yönetmek için bir süreç yöneticisine ihtiyacınız var: uygulamayı sürekli olarak (sonsuza kadar) çalıştırın ve ayrıca bir sonraki bölümde açıklandığı gibi sistem önyüklemesinde otomatik olarak başlatılmasını etkinleştirin.

Bir sonraki bölüme geçmeden önce, komut isteminde yer açmak için [Ctl + C] tuşlarına basarak işlemi sonlandırın.

Adım 4: PM2 Kullanarak Angular Projesini Sonsuza Kadar Çalıştırma

Yeni uygulamanızın arka planda çalışmasını sağlamak ve komut isteminde yer açmak için, gösterildiği gibi PM2'yi kullanarak uygulamayı kullanın. PM2 ayrıca arıza durumunda yeniden başlatma, durdurma ve kesinti olmadan yapılandırmaları yeniden yükleme gibi genel sistem yönetimi görevlerine ve çok daha fazlasına yardımcı olur.

pm2 start "ng serve" --name sysmon-app

Daha sonra uygulamanızın web arayüzüne erişmek için bir tarayıcı açın ve aşağıdaki ekran görüntüsünde gösterildiği gibi http://localhost:4200 adresini kullanarak gezinin.

Bu kılavuzda, Angular uygulamalarının Angular CLI ve PM2 süreç yöneticisini kullanarak nasıl çalıştırılacağını gösterdik. Paylaşmak istediğiniz başka fikirleriniz veya sorularınız varsa aşağıdaki geri bildirim formunu kullanarak bize ulaşın.