Dalam tutorial ini, kami akan memasang pelayan web Express.js asas, menggunakan Node.js, runtime Javascript berdasarkan mesin V8 Chrome, pada Vultr VPS kami yang menjalankan Ubuntu 16.04. Sekiranya anda tidak tahu, Express.js adalah rangka kerja Node.js yang minimum dan fleksibel yang memberi anda kekuatan untuk menulis aplikasi web. Ini benar-benar mempamerkan apa yang boleh dilakukan oleh Node.js, dari segi pembangunan web. Oleh itu, tanpa basa-basi lagi, mari bermula!
Memasang Node.js
Untuk memulakan, pertama sekali anda perlu memasang Node.js, yang akan menjadi backend untuk laman Express kami. Untuk memasangnya di Ubuntu 16.04, pertama-tama kita perlu menambahkan repositori untuk versi terkini. Untuk melakukannya, taipkan perkara berikut:
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Apa yang dilakukannya, ia mengambil pakej 8.x terbaru dari nodesource.com, dan memasangnya sebagai repositori APT. Setelah selesai, jalankan yang berikut untuk memasang Node:
sudo apt-get install -y nodejs build-essential
Apa yang dilakukan ini ialah memasang Node.js itu sendiri, dan ia merebut build-essential
, yang merupakan beberapa alat yang mungkin anda perlukan semasa menyusun modul. Setelah selesai, kami akan membuat projek Node baru. Pertama, pastikan anda berada di /home
direktori anda .
/home/yourname
Untuk memeriksa, ketik pwd
terminal anda, dan jika anda lihat /home/yourname
, anda sudah bersedia! Kemudian, kami akan menggunakan ciri init npm untuk membuat tempat package.json
di mana semua modul kami akan dijejaki. Untuk melakukannya, taipkan npm init
terminal anda. Ikuti semua arahan, dan anda akan melihatnya apabila anda selesai:
{
"name": "example",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "rich",
"license": "MIT"
}
Kemudian, klik enter untuk mengesahkan.
Memasang Express
Seterusnya, kami akan memasang modul Express kami. Untuk melakukannya, ketik sahaja:
npm install express
Tunggu sehingga selesai memasang.
Untuk menjadikan hidup lebih mudah, kami akan menggunakan modul kecil yang kemas yang dipanggil express-generator
. Apa yang akan dilakukannya ini akan menghasilkan laman web kerangka untuk kita, menjadikan hidup lebih mudah. Ia menguruskan perkara-perkara asas, seperti laluan dan sebagainya. Untuk memasang Express Generator, cukup ketik:
npm install express-generator -g
Kami menentukan -g
bendera, yang bermaksud bahawa ia akan bersifat global, dan kami dapat menggunakannya di seluruh sistem kami. Setelah selesai memasangnya, kita harus membuat keputusan. Kita harus memilih mesin rendering apa yang ingin kita gunakan untuk projek kita. Untuk ringkas, kami akan menggunakan ejs
dalam tutorial ini, yang merupakan enjin rendering yang hebat yang sangat saya cadangkan agar anda melihat lebih mendalam. Untuk menyediakan projek kosong kami, ketik sahaja:
express -v ejs mysite
Ini akan membuat folder baru di dalam projek kita yang ada, dengan nama mysite
. Sekarang, untuk memastikan kami mempunyai semua modul yang diperlukan untuk projek tersebut, jalankan perintah berikut.
npm install
Sekarang kita mempunyai asas penyediaan laman web, kita dapat memulakannya! Untuk memulakan laman web, dengan port asas, ketik:
DEBUG=mysite:* npm start
Laman web sekarang akan bermula. Satu-satunya masalah adalah, anda tidak dapat melihat laman web, kerana anda menggunakan terminal. Untuk melihat halaman contoh, kita harus menentukan alamat IP ke pelayan HTTP, yang akan menjadi alamat IP VPS kita. Untuk mendapatkan alamat IP anda, cukup pergi ke panel Vultr VPS anda, dan klik pada tab pelayan. Ia betul-betul di bawah nama pelayan anda, di bahagian bawah. Contohnya: "Pelayan 1024 MB - yourIP". Salin alamat IP itu, dan tutup, kerana kita akan memerlukannya. Kemudian, kembali ke pelayan anda, dan ubah direktori anda ke folder tong sampah.
cd mysite/bin
Ini dengan andaian anda membuat folder di direktori utama anda. Edit fail di dalam: www
fail. Untuk melakukannya, kami akan menggunakan editor terbina dalam, Nano.
nano www
Setelah masuk, arahkan ke baris ini:
server.listen(port);
Tambahkan alamat IP anda ke baris tersebut. Edit sehingga kelihatan seperti ini:
server.listen(port, 'your ip here');
Kemudian, tekan "control-o" pada papan kekunci anda, dan "enter" untuk menyimpan. Tekan "control-x" untuk keluar. Sekarang, kita sudah bersedia untuk memulakan pelayan kita. Cukup ketik perintah yang sama yang kami taip sebelumnya untuk mengujinya:
DEBUG=mysite:* npm start
Konsol kini akan mengeluarkan port yang didengarnya. Jejaki pelabuhan ini, kerana anda memerlukannya. Untuk melihat laman web anda, buka penyemak imbas web anda dan arahkan ke URL berikut.
http://yourIP:port
Sebagai contoh, ia mungkin kelihatan seperti ini:
http://192.0.2.0:3000
Sekiranya semuanya berjalan lancar, anda akan melihat "Selamat Datang ke Ekspres" di skrin anda!
Dan anda sudah selesai! Anda telah membuat laman Express pertama anda dengan Node.js, menjalankan Vultr VPS. Untuk mengetahui lebih lanjut mengenai Express, dan apa yang boleh anda lakukan dengannya, saya cadangkan untuk melayari laman web mereka di http://expressjs.org , dan laman web EJS di http://ejs.co , di mana anda boleh membaca di dokumentasi, dan buat laman web pembunuh anda sendiri!