Ubuntu 18.04 LTSde Nuxt.js Web Uygulaması Kurma

• Nuxt.js: Evrensel Çerçeve
• Node.js Yükleniyor
• İskele Uygulaması
• İlk Başlangıç
• Üretim Binası
• PM2: Uygulamanızı kolaylıkla yönetin

Nuxt.js: Evrensel Çerçeve

Nuxt.js, evrensel Vue.js uygulamalarını hızlı bir şekilde oluşturmak için tasarlanmış bir JavaScript çerçevesidir. En çok sunucuda ve istemcide oluşturulabilen Vue.js uygulamaları oluşturma yeteneği ile ünlüdür. Bu derste, sunucu tarafından oluşturulmuş bir Nuxt.js uygulaması kuracağız ve Ubuntu 18.04 LTS'de kullanacağız.

Node.js Yükleniyor

İlk olarak, Ubuntu 18.04 LTS kullandığınızdan emin olmanız gerekir. Ardından, yüklü değilse Node.js'yi yüklemeniz gerekir. Bu öğreticide, bu işlemi daha kolay hale getirmek için Düğüm Sürümü Yöneticisi'ni veya NVM'yi kullanacağız.

Aşağıdaki komutları kullanarak NVM'yi yükleyin.

curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0

İskele Uygulaması

Node.js yüklendikten sonra, NPM kullanarak ihtiyacımız olacak paketleri kurmaya devam edebiliriz. create-nuxt-appNuxt.js uygulamalarını kolayca oluşturabilen topluluk yapımı bir araç olarak adlandırılan kullanışlı küçük bir araç kullanacağız.

Ana dizininizde, uygulama oluşturmaya başlamak için aşağıdaki komutu çalıştırın.

npx create-nuxt-app <nameofproject>

Konsol sizden birkaç önemli seçenek isteyecektir. Bu öğretici adına projemize " app" adını vereceğiz . Express'i özel sunucu çerçevemiz olarak kullanacağız ve uygulamayı evrensel modda çalıştırarak web sitemizi sunucuda oluşturmamızı sağlıyoruz. Gerekli tüm izinleri belirlediğinizde, yükleme işlemi başlar ve tüm yapılandırma dosyaları oluşturulur.

İlk Başlangıç

Her şey indirildikten sonra, dizinleri az önce oluşturduğunuz klasöre değiştirin.

cd app

Şimdi Nuxt.js geliştirme sunucusunu başlatabiliriz.

npm run dev

Bu komut, siteyi bir modül paketleyicisi olan webpack'i kullanarak oluşturur ve siteyi genellikle port olacak olan bir yerel ana makine bağlantı noktasında sunar 3000. Ayrıca, bir dosyayı her değiştirdiğinizde uygulamayı yeniden başlatma ihtiyacını ortadan kaldıran sıcak yeniden yükleme modüllerine erişmenizi sağlar. Uygulamayı evrensel modda çalıştırdığımız için, uygulama hem istemcide hem de sunucuda derlenir. Şimdi uygulamanız bağlantı noktasında çalışacaktır 3000.

Üretim Binası

Geliştirme modu, uygulamanızı aktif olarak geliştirirken oldukça kullanışlıdır. Ancak, uygulamanızı herkese açık hale getirmeye hazır olduğunuzda, sıcak yeniden yükleme ve geliştirici araçları gibi eklentiler daha az önemli hale gelir. Bu nedenle, bir üretim ortamı için uygulamamızı bir kez oluşturmak isteyeceğiz. Neyse ki, Nuxt.js, uygulamamızın modüllerini üretim için hızlı bir şekilde oluşturmak için kullanabileceğimiz bir araç içeriyor. Üretim oluşturma sürecine başlamak için aşağıdakileri çalıştırın.

npm run build

Esasen, burada yaptığımız şey, webpack modüllerimizi üretim optimizasyonlarıyla derlemektir.

Derleme tamamlandığında, siteyi üretim için çalıştırabilirsiniz.

npm start

Şimdi, şuraya http://yourip:3000giderseniz, üretim modunda çalıştığınızı onaylayan Nuxt.js açılış ekranını göreceksiniz.

PM2: Uygulamanızı kolaylıkla yönetin

Şimdi üretim için uygulamamızı çalıştırmanın temellerini anlıyoruz. Üretim ortamı açısından, uygulamamızı sonsuza kadar çalışır durumda tutmanın, gerektiğinde uygulamamızı otomatik olarak yeniden başlatmanın ve uygulamamızın kaynaklarını izlemenin iyi bir yolunu tercih ederiz. Process Manager 2 (PM2) devreye giriyor. PM2, yük dengeleme, gelişmiş günlükler, başlangıç ​​komut dosyaları ve çok daha fazlası gibi birçok önemli üretim aracını içeren üretim uygulamaları için bir Node.js süreç yöneticisidir. İlk olarak PM2'yi yükleyin.

npm install pm2 -g

Bu PM2'yi global olarak kurar, böylece sunucumuzun herhangi bir yerinde kullanabiliriz. PM2 indirmeyi tamamladığında, uygulamamızı başlatabiliriz.

pm2 start <appfolder>/server/index.js

Uygulama kökümüzün içinde bulunan sunucu dosyasını başlattığımızı unutmayın.

Uygulamanızın tükettiği kaynakları görüntülemek istiyorsanız, bunu pm2 monitkomutla yapabilirsiniz. Bu, uygulamanızın RAM, CPU ve disk kullanımı hakkında tam olarak veri toplayabileceğiniz ncurses'a benzer bir arayüz getirecektir.

Şimdiye kadar, uygulamanız tam olarak npm ile çalıştırdığımızda tam olarak nasıl çalışacak, ancak üretim optimizasyonları söz konusu olduğunda artık çok daha fazla kontrole sahibiz.

Artık Node.js ve Ubuntu 18.04 ile üretim için dağıtılan bir Nuxt.js uygulama derlemesine sahipsiniz. Nuxt ve tüm ayrıntılı özellikleri hakkında daha fazla bilgi edinmek isterseniz, resmi belgelerini ziyaret etmekten çekinmeyin .