Aldi My Teacher is Google and Stackoverflow. #Hanya Berbagi Sedikit Ilmu dan Pemahaman.

Membuat Aplikasi Node.js Baru

1 min read

tutorial min
Yang Perlu Kamu Lakukan
  • Komputer yang sudah diinstal Node.js
  • Pengalaman menggunakan Node.js Dasar

1. Membuat Aplikasi Baru

Pertama, buat folder untuk aplikasi baru.
Buat folder bernama “list-app” di mana saja di komputer kamu.
hitsuji caption image 6e741757860e53a49a201022137c25bcDalam contoh ini, folder baru dibuat di dalam folder progate, tapi sebenarnya bisa di mana saja.
1581305055411
Lalu buka folder ini di editor. Dalam artikel ini, kita akan menggunakan editor bernama Atom. (Cara instalasi Atom sudah diajarkan di 1. Text Editor dalam [Artikel Cara Membuat Website dengan HTML & CSS di Komputer (https://progate.com/docs/html-env)).
Pilih tab File, lalu klik “Open” untuk macOS dan “Open Folder” untuk Windows. Kemudian klik folder “list-app” yang baru dibuat.
1585502451286

Persiapan untuk Menjalankan Perintah

Kemudian, mari kita buat agar bisa menjalankan perintah dari dalam folder list-app.
Pertama, klik-kanan list-app dari dalam Atom, lalu klik Copy Full Path.
1581316791673
Kemudian buka Terminal untuk macOS dan Command Prompt untuk Windows, dan jalankan perintah berikut.
Kamu bisa tempelkan Path yang disalin dengan shortcut berikut ini:
  • Windows:Ctrl + V atau Ctrl + Shift + V
  • Mac:Command + V
cd [Path yang baru disalin]
1581316824621
hitsuji caption image 6e741757860e53a49a201022137c25bcPerintah cd dapat digunakan untuk merubah antar directory. Baca lebih lanjut tentang operasi perintah dengan mengeklik link berikut.

2. Menjalankan Perintah dan Menginstal Paket

Mari kita mulai menjalankan beberapa perintah!
Pertama, jalankan perintah berikut:
npm init --yes
Ini adalah perintah yang digunakan untuk membuat package.json, yang merupakan file konfigurasi npm. Informasi pengaturan paket npm dijabarkan didalam file package.json.
1581316861572
Kemudian instal paket npm. Dalam artikel ini kita akan menginstal express dan ejs. Untuk melakukannya, jalankan perintah berikut:
npm install express ejs
*Kamu bisa menjalankan setiap perintah npm install express dan npm install ejs, secara terpisah. Tapi dengan menulis npm intall Package1 Package2..., kamu akan bisa menginstal beberapa paket dengan satu perintah. Ini adalah cara yang berguna dan sangat mudah, jadi cobalah untuk menghapalkannya.
Jika kamu melihat gambar seperti di bawah ini, artinya instalasi sudah selesai.
1581316879898

Mari Mulai dari Server dan Halaman Tampilan

Sekarang kamu punya semua paket yang dibutuhkan! Mari mulai dari server dan halaman tampilan.
Pertama, siapkan file yang dibutuhkan. Buat file dan folder yang mengelilingi batas hijau, seperti gambar di bawah. Jika kamu berhasil mengikuti langkah sampai di sini, file lainnya akan dibuat.
1578463105462
Selanjutnya, mari kita tulis code di dalam file yang kamu buat.
Salin code di bawah ini dan tempelkan ke setiap file.
  • app.js
const express = require('express');

const app = express();

app.get('/', (req, res) => {
  res.render('hello.ejs');
});

app.listen(3000);
  • views/hello.ejs
<h1>Hello World</h1>
Sekarang kamu telah selesai menyiapkan file. Mari coba memulai server.
node app.js
Jika “Hello World” ditampilkan sebagai berikut, kamu berhasil menyelesaikan langkah ini!
1578462753935
hitsuji caption image 6e741757860e53a49a201022137c25bcMohon diingat, kamu harus me-restart server setelah memodifikasi file js, agar perubahannya bisa diterapkan.
Kamu bisa me-restart server dengan mematikan, lalu memulai server lagi.
Untuk menerapkan perubahan dalam file, pertama-tama hentikan server dengan Ctrl + C lalu restart server dengan node app.js.
Sumber : Progate
Aldi My Teacher is Google and Stackoverflow. #Hanya Berbagi Sedikit Ilmu dan Pemahaman.

Leave a Reply

Your email address will not be published. Required fields are marked *