Nuxt.js adalah kerangka JavaScript yang direka untuk membuat aplikasi Vue.js universal dengan cepat. Ia paling terkenal kerana keupayaannya membuat aplikasi Vue.js yang boleh diberikan pada pelayan dan juga klien. Dalam tutorial ini, kami akan menyiapkan aplikasi Nuxt.js yang diberikan pelayan dan menyebarkannya di Ubuntu 18.04 LTS.
Pertama, anda perlu memastikan bahawa anda menjalankan Ubuntu 18.04 LTS. Kemudian, anda perlu memasang Node.js, jika ia belum dipasang. Dalam tutorial ini, kita akan menggunakan Node Version Manager, atau NVM, untuk menjadikan proses ini lebih mudah.
Pasang NVM menggunakan arahan 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
Setelah anda memasang Node.js, kami sekarang dapat meneruskan penyediaan paket yang kami perlukan menggunakan NPM. Kami akan menggunakan alat kecil yang berguna yang dipanggil create-nuxt-app, alat buatan masyarakat yang dengan mudah boleh membuat aplikasi Nuxt.js.
Dalam direktori rumah anda, jalankan arahan berikut untuk memulakan penjanaan aplikasi.
npx create-nuxt-app <nameofproject>
Konsol akan meminta anda untuk beberapa pilihan penting. Demi tutorial ini, kami akan namakan projek kami " app". Kami akan menggunakan Express sebagai kerangka pelayan khusus kami, dan kami akan menjalankan aplikasi dalam mod universal, yang memastikan bahawa kami akan membuat laman web kami di pelayan. Apabila anda telah menetapkan semua kebenaran yang diperlukan, proses pemasangan akan bermula, dan semua fail konfigurasi akan dibuat.
Setelah semuanya dimuat turun, ubah direktori ke folder yang baru anda buat.
cd app
Sekarang kita boleh memulakan pelayan pembangunan Nuxt.js.
npm run dev
Perintah ini akan membina laman web menggunakan paket web, yang merupakan modul bundler, dan melayani laman web di port localhost, yang biasanya akan menjadi port 3000. Ini juga akan memberi anda akses ke modul tambah nilai panas, yang akan menghilangkan keperluan untuk memulakan semula aplikasi setiap kali anda menukar fail. Oleh kerana kami menjalankan aplikasi dalam mod universal, aplikasi akan dikompilasi pada klien dan pelayan. Sekarang aplikasi anda akan berjalan di port 3000.
Mod pembangunan cukup berguna apabila anda sedang giat membangunkan permohonan anda. Walau bagaimanapun, apabila anda sudah bersedia untuk membuat permohonan anda awam, addons seperti alat pengemaskinian panas dan pemaju menjadi kurang penting. Inilah sebabnya mengapa kami mahu membina permohonan kami sekali, untuk persekitaran pengeluaran. Untungnya, Nuxt.js termasuk alat yang boleh kita gunakan untuk membina modul aplikasi kami dengan cepat untuk pengeluaran. Jalankan yang berikut untuk memulakan proses membina pengeluaran.
npm run build
Pada asasnya, apa yang kita lakukan di sini adalah kita menyusun semua modul webpack kami, dengan pengoptimuman untuk pengeluaran.
Apabila binaan selesai, anda akan dapat menjalankan tapak untuk pengeluaran.
npm start
Kini, jika anda menavigasi http://yourip:3000, anda akan melihat skrin percikan Nuxt.js, yang mengesahkan bahawa anda sedang menjalankan mod pengeluaran.
Sekarang kita memahami dasar-dasar menjalankan aplikasi kami untuk pengeluaran. Dari segi persekitaran pengeluaran, kami lebih suka cara yang baik untuk memastikan aplikasi kami berjalan selama-lamanya, auto-restart permohonan kami apabila perlu, dan memantau sumber aplikasi kami. Itulah di mana Proses Manager 2 (PM2) masuk. PM2 adalah pengurus proses Node.js untuk aplikasi pengeluaran, yang termasuk banyak alat pengeluaran penting seperti pengimbangan beban, log terperinci, skrip permulaan, dan banyak lagi. Pertama, pasangkan PM2.
npm install pm2 -g
Ini memasang PM2 secara global supaya kami boleh menggunakannya di mana-mana sahaja di pelayan kami. Setelah PM2 selesai memuat turun, kami boleh memulakan permohonan kami.
pm2 start <appfolder>/server/index.js
Ambil perhatian bahawa kami memulakan fail pelayan yang terletak di dalam akar aplikasi kami.
Sekiranya anda ingin melihat sumber yang digunakan oleh aplikasi anda, anda boleh melakukannya dengan pm2 monitperintah. Ini akan memunculkan antara muka yang serupa dengan ncurses, di mana anda dapat mengumpulkan data mengenai penggunaan RAM, CPU, dan cakera dengan tepat.
Sekarang, aplikasi anda akan berjalan persis seperti saat kami menjalankannya dengan npm lebih awal, kecuali sekarang kami memiliki lebih banyak kawalan ketika datang ke pengoptimuman produksi.
Anda kini mempunyai aplikasi Nuxt.js build yang digunakan untuk pengeluaran dengan Node.js dan Ubuntu 18.04. Sekiranya anda ingin mengetahui lebih lanjut mengenai Nuxt, dan semua ciri mendalamnya, sila lawati dokumentasi rasmi mereka .
LiteCart adalah platform keranjang belanja sumber terbuka dan bebas yang ditulis dalam PHP, jQuery, dan HTML 5. Ia adalah perisian elektronik e-dagang yang ringkas, ringan, dan mudah digunakan
NFS adalah sistem fail berasaskan rangkaian yang membolehkan komputer mengakses fail di seluruh rangkaian komputer. Panduan ini menerangkan bagaimana anda boleh mendedahkan folder di atas NF
Menggunakan Sistem Berbeza? Matomo (dahulunya Piwik) adalah platform analitik sumber terbuka, alternatif terbuka kepada Google Analytics. Sumber Matomo dihoskan o
TeamTalk adalah sistem persidangan yang membolehkan pengguna melakukan perbincangan audio / video berkualiti tinggi, sembang teks, memindahkan fail, dan berbagi layar. Ia i
Menggunakan Sistem Berbeza? Pengenalan CyberPanel adalah salah satu panel kawalan pertama di pasaran yang merupakan sumber terbuka dan menggunakan OpenLiteSpeed. Apa itu
Apache Maven adalah alat pengurusan projek perisian sumber terbuka dan bebas yang banyak digunakan untuk menyebarkan aplikasi berbasis Java. Prasyarat yang baru
Menggunakan Sistem Berbeza? Backdrop CMS 1.8.0 adalah Sistem Pengurusan Kandungan (CMS) sumber mudah alih, mudah alih, percuma dan terbuka yang membolehkan kami
Vultr menyediakan beberapa cara yang berbeza untuk mengakses VPS anda untuk mengkonfigurasi, memasang, dan menggunakan. Akses Kredensial Kelayakan akses lalai untuk VPS anda
Menggunakan Sistem Berbeza? Brotli adalah kaedah pemampatan baru dengan nisbah mampatan yang lebih baik daripada GZIP. Kod sumbernya dihoskan secara umum di Githu ini
Pengenalan MySQL mempunyai ciri hebat yang dikenali sebagai pandangan. Paparan adalah pertanyaan yang disimpan. Anggap mereka sebagai alias untuk pertanyaan yang panjang. Dalam panduan ini,
Menggunakan Sistem Berbeza? AirSonic adalah pelayan streaming media sumber terbuka dan terbuka. Dalam tutorial ini, saya akan membimbing anda melalui proses penyebaran a
Pengenalan CD Strider adalah platform penyebaran sumber terbuka berterusan. Aplikasi ini ditulis dalam Node.js dan menggunakan MongoDB sebagai backend penyimpanan. Selesaikan
Menggunakan Sistem Berbeza? Subrion 4.1 CMS adalah Sistem Pengurusan Kandungan sumber terbuka (CMS) yang kuat dan fleksibel yang membawa kandungan intuitif dan jelas
Menggunakan Sistem Berbeza? DokuWiki adalah program wiki sumber terbuka yang ditulis dalam PHP yang tidak memerlukan pangkalan data. Ia menyimpan data dalam fail teks. DokuWik
Pengenalan Komposer adalah pengurus pergantungan yang popular untuk PHP yang dapat mempermudah pemasangan dan kemas kini perpustakaan yang diperlukan untuk projek anda
Artikel ini akan mengajar anda cara menyediakan penjara chroot di Debian. Saya menganggap bahawa anda menggunakan Debian 7.x. Sekiranya anda menjalankan Debian 6 atau 8, ini mungkin berfungsi,
Pengenalan Cara mudah untuk menyediakan pelayan VPN di Debian adalah dengan PiVPN. PiVPN adalah pemasang dan pembungkus untuk OpenVPN. Ini membuat perintah mudah untuk anda
Menggunakan Sistem Berbeza? Sejak GitHub diambil alih oleh Microsoft, sebilangan besar pembangun telah merancang untuk memindahkan repositori kod mereka sendiri dari github.co
PBX In A Flash 5 (PIAF5) adalah sistem operasi berasaskan Debian 8 yang menjadikan Vultr VPS anda menjadi PBX lengkap. Ia mempunyai ciri-ciri berikut, dan banyak lagi.
Menggunakan Sistem Berbeza? Pengenalan CyberPanel adalah salah satu panel kawalan pertama di pasaran yang merupakan sumber terbuka dan menggunakan OpenLiteSpeed. Apa itu
Pandangan tentang 26 Teknik Analisis Data Besar: Bahagian 1
Ramai daripada anda tahu Switch akan keluar pada Mac 2017 dan ciri baharunya. Bagi yang tidak tahu, kami telah menyediakan senarai ciri yang menjadikan 'Tukar' sebagai 'gajet yang mesti ada'.
Adakah anda menunggu gergasi teknologi memenuhi janji mereka? semak apa yang masih belum dihantar.
Baca blog untuk mengetahui lapisan berbeza dalam Seni Bina Data Besar dan fungsinya dengan cara yang paling mudah.
Baca ini untuk mengetahui cara Kecerdasan Buatan semakin popular di kalangan syarikat berskala kecil dan cara ia meningkatkan kebarangkalian untuk menjadikan mereka berkembang dan memberikan pesaing mereka kelebihan.
CAPTCHA telah menjadi agak sukar untuk diselesaikan oleh pengguna dalam beberapa tahun kebelakangan ini. Adakah ia dapat kekal berkesan dalam pengesanan spam dan bot pada masa hadapan?
Apabila Sains Berkembang pada kadar yang pantas, mengambil alih banyak usaha kita, risiko untuk menundukkan diri kita kepada Ketunggalan yang tidak dapat dijelaskan juga meningkat. Baca, apakah makna ketunggalan bagi kita.
Apakah teleperubatan, penjagaan kesihatan jauh dan impaknya kepada generasi akan datang? Adakah ia tempat yang baik atau tidak dalam situasi pandemik? Baca blog untuk mencari paparan!
Anda mungkin pernah mendengar bahawa penggodam memperoleh banyak wang, tetapi pernahkah anda terfikir bagaimana mereka memperoleh wang seperti itu? Mari berbincang.
Baru-baru ini Apple mengeluarkan macOS Catalina 10.15.4 kemas kini tambahan untuk menyelesaikan masalah tetapi nampaknya kemas kini itu menyebabkan lebih banyak masalah yang membawa kepada pemusnahan mesin mac. Baca artikel ini untuk mengetahui lebih lanjut
