Menyiapkan Aplikasi Web Nuxt.js di Ubuntu 18.04 LTS

Nuxt.js: Kerangka Universal

Nuxt.js adalah kerangka kerja JavaScript yang dirancang untuk membuat aplikasi Vue.js universal dengan cepat. Ini paling terkenal karena kemampuannya untuk membuat aplikasi Vue.js yang dapat di-render di server maupun klien. Dalam tutorial ini, kita akan mengatur aplikasi Nuxt.js yang di-render-server dan menggunakannya di Ubuntu 18.04 LTS.

Menginstal Node.js

Pertama, Anda harus memastikan bahwa Anda menjalankan Ubuntu 18.04 LTS. Kemudian, Anda harus menginstal Node.js, jika belum diinstal. Dalam tutorial ini, kita akan menggunakan Node Version Manager, atau NVM, untuk membuat proses ini lebih mudah.

Instal NVM menggunakan perintah berikut.

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

Aplikasi Perancah

Setelah Anda menginstal Node.js, kita sekarang dapat melanjutkan untuk mengatur paket yang kita perlukan menggunakan NPM. Kami akan menggunakan alat kecil praktis yang disebut create-nuxt-app, alat buatan komunitas yang dapat dengan mudah membuat aplikasi Nuxt.js.

Di direktori rumah Anda, jalankan perintah berikut untuk memulai pembuatan aplikasi.

npx create-nuxt-app <nameofproject>

Konsol akan meminta Anda untuk beberapa opsi penting. Demi tutorial ini, kami akan menamai proyek kami " app". Kami akan menggunakan Express sebagai kerangka kerja server khusus kami, dan kami akan menjalankan aplikasi dalam mode universal, yang memastikan bahwa kami akan merender situs web kami di server. Ketika Anda telah menentukan semua izin yang diperlukan, proses instalasi akan dimulai, dan semua file konfigurasi akan dibuat.

Mulai Awal

Setelah semuanya diunduh, ubah direktori menjadi folder yang baru saja Anda buat.

cd app

Sekarang kita dapat memulai server pengembangan Nuxt.js.

npm run dev

Perintah ini akan membangun situs menggunakan webpack, yang merupakan bundler modul, dan melayani situs di port localhost, yang umumnya akan menjadi port 3000. Ini juga akan memberi Anda akses ke modul reload panas, yang akan menghapus kebutuhan untuk me-restart aplikasi setiap kali Anda mengubah file. Karena kami menjalankan aplikasi dalam mode universal, aplikasi akan dikompilasi pada klien dan server. Sekarang aplikasi Anda akan berjalan di port 3000.

Bangunan Untuk Produksi

Mode pengembangan cukup berguna ketika Anda secara aktif mengembangkan aplikasi Anda. Namun, saat Anda siap mempublikasikan aplikasi Anda, add-on seperti hot-reload dan alat pengembang menjadi kurang penting. Inilah sebabnya kami ingin membangun aplikasi kami sekali, untuk lingkungan produksi. Untungnya, Nuxt.js termasuk alat yang dapat kita gunakan untuk dengan cepat membangun modul aplikasi kita untuk produksi. Jalankan berikut ini untuk memulai proses pembuatan produksi.

npm run build

Pada dasarnya, apa yang kami lakukan di sini adalah kami menyusun semua modul webpack kami, dengan optimisasi untuk produksi.

Setelah pembangunan selesai, Anda akan dapat menjalankan situs untuk produksi.

npm start

Sekarang, jika Anda menavigasi ke http://yourip:3000, Anda akan melihat layar splash Nuxt.js, yang menegaskan bahwa Anda menjalankan dalam mode produksi.

PM2: Kelola aplikasi Anda dengan mudah

Sekarang kami memahami dasar-dasar menjalankan aplikasi kami untuk produksi. Dalam hal lingkungan produksi, kami lebih suka cara yang baik untuk menjaga aplikasi kami berjalan selamanya, restart otomatis aplikasi kami bila perlu, dan memonitor sumber daya aplikasi kami. Di situlah Process Manager 2 (PM2) masuk. PM2 adalah manajer proses Node.js untuk aplikasi produksi, yang mencakup banyak alat produksi penting seperti penyeimbangan beban, log canggih, skrip startup, dan banyak lagi. Pertama, instal PM2.

npm install pm2 -g

Ini menginstal PM2 secara global sehingga kami dapat menggunakannya di mana saja di server kami. Setelah PM2 selesai mengunduh, kita dapat memulai aplikasi kita.

pm2 start <appfolder>/server/index.js

Perhatikan bahwa kita memulai file server yang terletak di dalam root aplikasi kita.

Jika Anda ingin melihat sumber daya yang dikonsumsi aplikasi Anda, Anda dapat melakukannya dengan pm2 monitperintah. Ini akan memunculkan antarmuka yang mirip dengan ncurses, di mana Anda dapat mengumpulkan data tentang RAM aplikasi, CPU, dan penggunaan disk dengan tepat.

Saat ini, aplikasi Anda akan berjalan persis seperti sebelumnya ketika kami menjalankannya dengan npm, kecuali sekarang kami memiliki kendali lebih besar dalam hal optimasi produksi.

Anda sekarang memiliki membangun aplikasi Nuxt.js yang digunakan untuk produksi dengan Node.js dan Ubuntu 18.04. Jika Anda ingin mempelajari lebih lanjut tentang Nuxt, dan semua fitur mendalamnya, silakan kunjungi dokumentasi resmi mereka .



Leave a Comment

Cara Memasang Panel Kontrol Hosting Mudah di Ubuntu 16.04

Cara Memasang Panel Kontrol Hosting Mudah di Ubuntu 16.04

Pelajari langkah-langkah untuk memasang Panel Kontrol Hosting Mudah (EHCP) di Ubuntu 16.04 dengan panduan ini.

Cara Memasang Graylog Server pada CentOS 7

Cara Memasang Graylog Server pada CentOS 7

Menggunakan Sistem yang Berbeda? Graylog server adalah perangkat lunak manajemen log sumber terbuka siap pakai perusahaan. Ia mengumpulkan log dari berbagai sumber dan menganalisis

Cara Memasang Anchor CMS pada Fedora 26 LAMP VPS

Cara Memasang Anchor CMS pada Fedora 26 LAMP VPS

Menggunakan Sistem yang Berbeda? Anchor CMS adalah Content Engine System (CMS) Blog Engine yang super-sederhana dan sangat ringan, gratis, dan terbuka

Siapkan Berbagi NFS di Debian

Siapkan Berbagi NFS di Debian

NFS adalah sistem file berbasis jaringan yang memungkinkan komputer untuk mengakses file di seluruh jaringan komputer. Panduan ini menjelaskan bagaimana Anda dapat mengekspos folder melalui NF

Cara Memasang GitBucket di Ubuntu 16.04

Cara Memasang GitBucket di Ubuntu 16.04

Panduan ini mencakup instalasi dasar dan pengaturan GitBucket untuk instance Vultr yang menjalankan Ubuntu 16.04, dan mengasumsikan bahwa Anda menjalankan perintah sebagai

Cara Memasang Directus 6.4 CMS pada Fedora 26 LAMP VPS

Cara Memasang Directus 6.4 CMS pada Fedora 26 LAMP VPS

Menggunakan Sistem yang Berbeda? Directus 6.4 CMS adalah Headless Content Management System (CMS) yang kuat dan fleksibel, gratis dan open source yang menyediakan pengembang

Cara Memasang Mattermost 5.2 di Ubuntu 16.04

Cara Memasang Mattermost 5.2 di Ubuntu 16.04

Menggunakan Sistem yang Berbeda? Mattermost adalah sumber terbuka, alternatif yang di-host-sendiri ke layanan pesan Slack SAAS. Dengan kata lain, dengan Mattermost, Anda ca

Menyiapkan Server TeamTalk di Linux

Menyiapkan Server TeamTalk di Linux

TeamTalk adalah sistem konferensi yang memungkinkan pengguna untuk memiliki percakapan audio / video berkualitas tinggi, obrolan teks, transfer file, dan berbagi layar. Itu saya

Menggunakan kunci SSH Anda untuk masuk ke pengguna non-root

Menggunakan kunci SSH Anda untuk masuk ke pengguna non-root

Vultr menyediakan fitur yang memungkinkan Anda untuk melakukan pra-instal kunci SSH setelah membuat instance baru. Ini memungkinkan Anda untuk mengakses pengguna root server, namun, th

Cara Menginstal PostgreSQL 11.1 Di Arch Linux

Cara Menginstal PostgreSQL 11.1 Di Arch Linux

Prasyarat Server Vultr berjalan terbaru Arch Linux (lihat artikel ini.) Akses Sudo. Perintah yang diperlukan untuk dijalankan karena root diawali oleh #, dan satu

Cara Memasang Manajer File Terminal Ranger di Linux

Cara Memasang Manajer File Terminal Ranger di Linux

Ranger adalah manajer file berbasis baris perintah dengan binding kunci VI. Ini memberikan antarmuka kutukan minimalis dan bagus dengan tampilan pada hierarki direktori

Cara Memasang Redmine di Ubuntu 16.04

Cara Memasang Redmine di Ubuntu 16.04

Menggunakan Sistem yang Berbeda? Redmine adalah alat manajemen proyek berbasis web gratis dan open source. Itu ditulis dalam Ruby on Rails dan mendukung banyak database

Cara Membangun Brotli Dari Sumber di Ubuntu 18.04 LTS

Cara Membangun Brotli Dari Sumber di Ubuntu 18.04 LTS

Menggunakan Sistem yang Berbeda? Brotli adalah metode kompresi baru dengan rasio kompresi yang lebih baik daripada GZIP. Kode sumbernya dihosting secara publik di Githu ini

Atur Akun Pengguna khusus SFTP di CentOS 7

Atur Akun Pengguna khusus SFTP di CentOS 7

Pada kesempatan tertentu, Administrator Sistem mungkin perlu membuat akun pengguna dan membatasi akses mereka untuk hanya mengelola file mereka sendiri melalui sFTP, tetapi tidak

Menggunakan Tampilan MySQL pada Debian 7

Menggunakan Tampilan MySQL pada Debian 7

Pendahuluan MySQL memiliki fitur hebat yang dikenal sebagai tampilan. Tampilan adalah kueri yang disimpan. Pikirkan mereka sebagai alias untuk permintaan yang panjang. Dalam panduan ini,

Cara Memasang Nginx 1.14 Di Arch Linux

Cara Memasang Nginx 1.14 Di Arch Linux

Prasyarat Server Vultr berjalan terbaru Arch Linux (lihat artikel ini.) Akses Sudo. Perintah yang harus dijalankan sebagai root diawali oleh #. Th

Nonaktifkan atau Batasi Login Root melalui SSH di Linux

Nonaktifkan atau Batasi Login Root melalui SSH di Linux

Mengizinkan login root melalui SSH umumnya dianggap sebagai praktik keamanan yang buruk di seluruh industri teknologi. Sebagai gantinya, Anda dapat melakukan administrativ sensitif

Cara Memasang Seafile Server di Ubuntu 16.10

Cara Memasang Seafile Server di Ubuntu 16.10

Menggunakan Sistem yang Berbeda? Seafile (versi komunitas) adalah solusi sinkronisasi dan berbagi file sumber gratis dan terbuka yang mirip dengan ownCloud. Sepanjang kecerdasan

Cara Memasang Thelia 2.3 pada Debian 9

Cara Memasang Thelia 2.3 pada Debian 9

Menggunakan Sistem yang Berbeda? Thelia adalah alat sumber terbuka untuk membuat situs web e-bisnis dan mengelola konten online yang ditulis dalam PHP. Kode sumber thelia i

Cara Memasang MongoDB 4.0 di Arch Linux

Cara Memasang MongoDB 4.0 di Arch Linux

Prasyarat Server Vultr berjalan terbaru Arch Linux (lihat artikel ini) Akses Sudo: Perintah yang diperlukan untuk dijalankan karena root diawali oleh #, dan satu

Cara Memasang Panel Kontrol Hosting Mudah di Ubuntu 16.04

Cara Memasang Panel Kontrol Hosting Mudah di Ubuntu 16.04

Pelajari langkah-langkah untuk memasang Panel Kontrol Hosting Mudah (EHCP) di Ubuntu 16.04 dengan panduan ini.

Wawasan tentang 26 Teknik Analisis Data Besar: Bagian 1

Wawasan tentang 26 Teknik Analisis Data Besar: Bagian 1

Wawasan tentang 26 Teknik Analisis Data Besar: Bagian 1

6 Hal yang Sangat Menggila dari Nintendo Switch

6 Hal yang Sangat Menggila dari Nintendo Switch

Banyak dari Anda tahu Switch keluar pada Maret 2017 dan fitur-fitur barunya. Bagi yang belum tahu, kami sudah menyiapkan daftar fitur yang membuat 'Switch' menjadi 'gadget yang wajib dimiliki'.

Janji Teknologi Yang Masih Belum Ditepati

Janji Teknologi Yang Masih Belum Ditepati

Apakah Anda menunggu raksasa teknologi untuk memenuhi janji mereka? periksa apa yang belum terkirim.

Fungsionalitas Lapisan Arsitektur Referensi Big Data

Fungsionalitas Lapisan Arsitektur Referensi Big Data

Baca blog untuk mengetahui berbagai lapisan dalam Arsitektur Big Data dan fungsinya dengan cara yang paling sederhana.

Bagaimana AI Dapat Membawa Otomatisasi Proses ke Tingkat Selanjutnya?

Bagaimana AI Dapat Membawa Otomatisasi Proses ke Tingkat Selanjutnya?

Baca ini untuk mengetahui bagaimana Kecerdasan Buatan menjadi populer di antara perusahaan skala kecil dan bagaimana hal itu meningkatkan kemungkinan untuk membuat mereka tumbuh dan memberi keunggulan pada pesaing mereka.

CAPTCHA: Berapa Lama Itu Bisa Tetap Menjadi Teknik yang Layak Untuk Perbedaan Human-AI?

CAPTCHA: Berapa Lama Itu Bisa Tetap Menjadi Teknik yang Layak Untuk Perbedaan Human-AI?

CAPTCHA telah berkembang cukup sulit bagi pengguna untuk dipecahkan dalam beberapa tahun terakhir. Apakah itu akan tetap efektif dalam deteksi spam dan bot di masa mendatang?

Singularitas Teknologi: Masa Depan Peradaban Manusia yang Jauh?

Singularitas Teknologi: Masa Depan Peradaban Manusia yang Jauh?

Saat Sains Berkembang dengan kecepatan tinggi, mengambil alih banyak upaya kita, risiko menundukkan diri kita pada Singularitas yang tidak dapat dijelaskan juga meningkat. Baca, apa arti singularitas bagi kita.

Telemedicine Dan Perawatan Kesehatan Jarak Jauh: Masa Depan Ada Di Sini

Telemedicine Dan Perawatan Kesehatan Jarak Jauh: Masa Depan Ada Di Sini

Apa itu telemedicine, perawatan kesehatan jarak jauh dan dampaknya terhadap generasi mendatang? Apakah itu tempat yang bagus atau tidak dalam situasi pandemi? Baca blog untuk menemukan tampilan!

Pernahkah Anda Bertanya-tanya Bagaimana Hacker Menghasilkan Uang?

Pernahkah Anda Bertanya-tanya Bagaimana Hacker Menghasilkan Uang?

Anda mungkin pernah mendengar bahwa peretas menghasilkan banyak uang, tetapi pernahkah Anda bertanya-tanya bagaimana cara mereka mendapatkan uang sebanyak itu? mari berdiskusi.