author Ahmad Muhardian

Belajar Nodejs #02: Mengenal NPM untuk Manajemen Project Javascript


Nodejs Pemula

Salah satu tool yang akan sering digunakan dalam Nodejs adalah NPM (Node Package Manager). NPM sudah otomatis terinstal saat kita menginstal Nodejs.

NPM dapat kita gunakan untuk:

  1. Membuat Project Baru;
  2. Menginstal modul atau library;
  3. Menjalankan skrip command line.

Pada kesempatan ini, kita akan belajar tiga hal tersebut dan juga mengenal file package.json.

Mari kita mulai…

Membuat Project Baru dengan NPM

Pertama kita harus menyediakan direktori untuk project-nya. Silahkan buat direktori baru dengan perintah ini:

mkdir belajar-npm

Lalu masuk ke direktori tersebut dan ketik perintah npm init.

cd belajar-npm
npm init

Maka NPM akan meminta kita untuk mengisi data project yang akan dibuat.

Membuat Project Nodejs baru dengan NPM

Silahkan diisi saja apa adanya, karena nanti kita bisa modifikasi lagi.

Perintah npm init akan membuat file package.json yang isinya seperti ini:

Pembuatan file package.json dengan NPM

Mengenal File package.json

File package.json adalah file yang berisi deskripsi dari project Nodejs. NPM membutuhkan file ini untuk bisa bekerja.

File package.json dengan NPM

Informasi project berisi nama, versi, dan deskripsi. Lalu di bagian script, berisi skrip-skrip bash atau command line untuk dieksekusi dengan NPM.

Selain properti-properti di atas, masih ada lagi properti lain:

  • depedencies berisi keterangan modul atau library yang dibutuhkan aplikasi;
  • devDependencies berisi keterangan modul atau library yang dibutuhkan untuk pengembangan aplikasi.

Menginstal Modul dengan NPM

Apabila kita membutuhkan modul atau library, kita bisa menyuruh NPM untuk menginstalnya.

Perintahnya seperti ini:

npm install <nama modul>

Kita bisa mencari nama modul di website NPM.

Website NPM

Sebagai contoh, kita coba install modul Momentjs. Momentjs adalah modul Javascript untuk untuk parse, validasi, dan manipulasi waktu.

Install Momentjs:

npm install moment

Perintah ini akan men-download library Momenjs dan menambahkannya ke dalam package.json.

Node Modules

dan di dalam package.json akan ditambahkan seperti ini.

Depedencies Nodejs

Selain itu, perintah npm install juga akan membuat file baru bernama package-lock.json. File ini bertugas mengunci versi modul-modul yang sudah terinstal.

Install Modul untuk Dev dan Global

Selain perintah di atas, ada beberapa argumen yang sering digunakan dalam menginstal modul:

npm install gulp --save-dev

Artinya: kita akan menginstal modul gulp ke dalam devDepedencies. devDepedencies adalah modul-modul yang kita butuhkan untuk pengembangan aplikasi.

sudo npm install gulp -g

Artinya: kita akan menginstal modul gulp secara global dan bisa dipakai di semua project Nodejs.

Oya, kalau di Unix dan Linux, kita kadang butuh sudo di depan perintah npm agar bisa diinstal secara global.

Menghapus Modul

Lalu bagaimana cara kita menghapus modul?

Kita bisa lakukan dengan perintah ini:

npm uninstall <nama modul>

Contoh:

npm uninstall moment

Maka modul Momentjs akan dihapus dari project.

Menghapus modul nodejs

Menjalankan Skrip dengan NPM

Kemampuan NPM berikutnya yang patut kita coba adalah kemampuannya mengeksekusi skrip bash atau command line. Biasanya digunakan untuk melakukan kompilasi, build, menjalankan server, testing, dan sebagainya.

Caranya: Pertama kita harus mendeklarasikan skrip yang akan dieksekusi di dalam package.json.

Script Hello di NPM

Pada contoh di atas, kita mendeklarasikan skrip hello untuk menampilkan pesan Hello World!.

Lalu, kita bisa eksekusi dengan perintah:

npm run hello

Maka hasilnya, pesan Hello World! akan ditampilkan.

Run Script Hello dengan NPM

Mari kita coba lagi mengeksekusi skrip untuk menjalankan server.

Pertama buat file index.js lalu isi dengan kode seperti ini:

var http = require('http');

http.createServer(function(req, res){

    res.end("Hello Server!");

}).listen(8080);

console.log("server running on http://localhost:8080");

Skrip ini sebenarnya bisa kita eksekusi langsung dengan perintah node index.js. Namun, karena kita ingin mengeksekusinya melalui NPM, maka kita harus menambahkannya ke dalam package.json.

Script Server Nodejs

Setelah itu, tinggal dieksekusi dengan perintah:

npm run server

Maka server akan dijalankan.

Eksekusi Script Server Nodejs

Sekarang coba buka alamat http://localhost:8080 di browser.

Eksekusi Script Server Nodejs

Untuk menghentikan server tekan Ctrl+C

Akhir Kata…

Kita sudah mengetahui 3 fungsi utama NPM dalam project Nodejs. Sebenarnya masih banyak lagi fungsi yang lainnya.

Seperti:

  • npm bin
  • npm pack
  • npm ping
  • dll.

Semuanya bisa dicek dengan perintah npm -l atau bisa membaca dokumentasi NPM di https://docs.npmjs.com/.

Baca Juga ini

Belajar Nodejs #01: Pengenalan Dasar Nodejs (untuk Pemula)

Belajar Nodejs #01: Pengenalan Dasar Nodejs (untuk Pemula)

Tutorial Nodejs dari Nol untuk pemula. Dimulai dari cara install Nodejs di Linux hingga Membuat webserver dan aplikasi lainnya

Menggambar Objek dengan Perulangan dan Fungsi Random di HTML5 Canvas

Menggambar Objek dengan Perulangan dan Fungsi Random di HTML5 Canvas

Pada artikel pengenalan HTML5 Canvas sebelumnya, kita sudah belajar cara menggamabar objek-objek dasar seperti titik, garis, persegi, lingkaran, dan segitiga. Obejek digambar hanya sekali saja. Bagaiaman kalau kita ingin menggambar banyak objek dan digambar secara acak? Untuk menjawab pertanyaan ini, kita harus menggunakan perulangan dan fungsi random(). Lebih jelasnya, mari kita bahas… Menggambar Objek dengan PerulanganPada contoh di artikel sebelumnya, kita sudah pernah menggamabar persegi dua kali. <script type="text/javascript"> var canvas = document.

JSON itu Apa Sih? dan Apa Gunanya dalam Pemrograman?

JSON itu Apa Sih? dan Apa Gunanya dalam Pemrograman?

Segala hal yang perlu kamu ketahui tentang JSON. Apa itu JSON, dan apa gunanya dalam pemrograman?

Mengenal HTML5 Canvas untuk Pemrograman Grafis dan Game

Mengenal HTML5 Canvas untuk Pemrograman Grafis dan Game

Sebelum kedatangan HTML5, Game dan elemen multimedia lainnya disajikan dalam browser menggunakan Flash. Banyak game berbasis Flash yang bisa dimainkan melalui browser. Bahkan Flash juga digunakan untuk memutar video. Seingat saya dulu…tanpa Flash Player, kita tidak bisa memutar video di Youtube. Namun semuanya berubah setelah kedatangan HTML5… 1 HTML5 membawa banyak elemen baru yang menggantikan tugas Flash dalam browser. Salah satunya adalah canvas.

Cara Menggunakan Plug-in Data Tables untuk Membuat Tabel Dinamis

Cara Menggunakan Plug-in Data Tables untuk Membuat Tabel Dinamis

Data Tables merupakan sebuah plug-in jQuery untuk memanipulasi data dalam tabel HTML. Data Tables memungkinkan kita melakukan membuat tabel dengan fitur pencarian, membuat pagination, menampilkan data sebanyak yang kita mau, mengambil data dari ajax, dsb. 1. Menyisipkan Data TablesPlug-in Data Tables yang saya gunakan pada tulisan ini adalah versi online melalui CDN. Bila anda ingin menggunakan versi offline, silahkan di-download dulu Data Tables-nya di https://datatables.net/download/index.

Tutorial Google Maps API: Membuat Marker untuk Menandai Lokasi

Tutorial Google Maps API: Membuat Marker untuk Menandai Lokasi

Marker sering digunakan untuk menandai sebuah lokasi. Biasanya sering digunakan dalam membuat aplikasi Geolocation. Pada kesempatan ini, kita akan belajar membuat marker di Google Maps dan melakukan beberapa modifikasi. Kamu bisa menggunakan contoh kode sebelumnya untuk uji coba. Sudah siap? Mari kita mulai… googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); Mengenal Objek MarkerMarker merupakan sebuah objek yang bisa kita buat dengan kode berikut: var marker = new google.