Langsung ke konten utama

Cara Membuat Project baru Node Js

 

Bosan menggunakan PHP sebagai bahasa server web anda ?

Ingin mencoba hal baru atau ingin beralih menggunakan JavaScript. Node Js bisa menjadi penganti Web server anda.

Sebelum itu mari mengetahui apa itu Node Js dengan membaca Pengertia Node Js Beserta Kelebihannya.

Setelah mengetahui apa itu Node Js, hal yang harus dipelajari selanjutnya adalah bagaimana cara membuat project baru dengan node js. Untuk mengetahui hal tersebut disini kita akan membuat project baru Node Js yang akan menampilkan kata Hello world pada HTML.

Membuat Project Baru Node Js

Sebelumnya pastikan komputer anda sudah terinstal Node Js dan dapat digunakan. Untuk menginstall Node Js baca postingan sebelumnya mengenai Cara Menginstall Node JS di Windows. Jika sudah, mulailah mengikuti langkah-langkah dibawah.

1. Buat folder baru dengan nama "app_nodejs" (terserah anda mau meletakkannya di directory mana).
 

 

2. Buka CMD dan arahkan ke directory "app_nodejs".
 

 

3. Ketikkan perintah npm init. Kemudian isi beberapa informasi sesuai keinginan anda. Disini saya membuat semuanya secara default, kecuali bagian author saya menuliskan coding rakitan. Untuk beralih ke bagian selanjutnya tekan tombol enter.
 

 

4. Masih pada layar CMD ketikkan perintah npm install


 

5. Akan muncul beberapa file baru di folder root "app_nodejs" yaitu "package.json" dan "package-lock.json". Dalam file package.json akan tampak data json seperti berkut:


{
"name": "app_nodejs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "coding rakitan",
"license": "ISC"
}


Bagian yang perlu diperhatikan ada pada "main":"index.js", berarti file main adalah file index.js. Sehingga anda perlu membuat file baru dengan nama index.js di folder root anda sehingga nantinya akan terdapat 3 file yaitu "package.json", "package-lock.json", dan "index.js". 


 

6. Edit file index.js dengan kode seperti dibawah.


var http = require('http');

var port = 8080;
http.createServer(function (req, res) {
console.log("Aplikasi berjalan pada port : "+port);
res.writeHead(200, {'Content-Type': 'text/html'});
res.end('Hello World!');
}).listen(port);

7. Kembali ke layar CMD dan ketikkan perintah npm install.
 

 

8. Masih di layar CMD ketikkan perintah node index.js. Maka akan muncul tampilan seperti pada gambar dibawah.
 

Silahkan buka browser, dan ketikkan di kolom url localhost: ditambah port yaitu 8080 sehingga menjadi localhost:8080


 

Jika muncul tulisan Hello world seperti di atas, ini menandakan project web anda berhasil dibuat.

Sedikit penjelasan mengenai port. Port ini dapat anda ganti sesuai keinginan anda akan tetapi ada baiknya menggunakan 8080 karena web hosting node js biasanya akan meminta mengarahkan ke port ini, seperti di Hosting Rumahweb.

Komentar

Postingan populer dari blog ini

Apa Sih Itu Svelte Js? Bagaimana Cara Menjalankannya? Yuks Simak Pembahasan Berikut Ini

(Sumber : Website https://svelte.dev/)   Hallo Sahabat Coders, Semoga kita semua selalu diberikan Kesehatan dan keberlimpahan dalam pekerjaan atau usaha kita. Perkembangan dunia pemrograman semakin hari semakin menjadi-jadi. Banyak Bahasa pemrograman maupun framework baru bermunculan akhir-akhir ini. Terutama framework JavaScript yang yang banyak bermunculan. Dan semuanya sangat menarik untuk dicoba.  Framework JavaScript yang terkenal saat ini contohnya Angular JS, Vue JS, React JS dan lain sebagainya dan mungkin banyak orang sudah tahu tentang framework- framework ini. Namun, akhir-akhir ini, ada framework yang baru terkenal yaitu Svelte JS (Website : https://svelte.dev/ ). Framework ini Admin tahu dari seorang JavaScript Developer terkenal di Indonesia yaitu Mas Riza Fahmi ( Curriculum Director di Hacktiv8 Indonesia ). Svelte Js merupakan sebuah framework JavaScript untuk menulis komponen antarmuka ( user interface) yang dibuat oleh Rich Harris . Namun menurut penulisn...

Mengenal Apa itu Android Studio

Android Studio merupakan tools IDE ( Integrated Development Environment ) yang digunakan untuk membuat aplikasi android. Fungsi utamanya adalah sebagai editor yang menyediakan berbagai kebutuhan dalam membangun aplikasi android seperti widget, library, dll. Android Studio versi terbaru telah mendukung 2 bahasa pemrograman yaitu Java dan Kotlin. Sebelumnya hanya mendukung bahasa Java. Android Studio hadir sebagai pengganti Eclipse ADT ( Android Development Tools ) yaitu tools utama sebelumnya. Tools Android Studio ini dibangun di atas aplikasi yang sudah populer sebagai editor programer yaitu JetBrains IntelliJ IDE. Selain itu Android Studio di lengkapi dengan Emulator sendiri. Sama halnya seperti Eclipse, Android Studio juga memerlukan SDK ( Software Development Kit ) untuk membangun aplikasi android. Bedanya Android Studio didukung penuh oleh Google sebagai pengembangnya serta menggunakan grandle dalam melakukan build. Baca juga : Perbedaan Membuat Aplikasi Android Menggunakan Ecli...

Cara Membuat Project Baru dengan Ruby on Rails

    Pada postingan sebelumnya Mengenal dan Menginstall Ruby on Rails kita telah menginstall bahan-bahan yang diperlukan untuk menjalankan Rails atau Ruby on Rails. Tentunya membuat project baru adalah langkah yang perlu di ketahui sebagai dasar membuat web menggunakan Rails ini. Membuat Project baru di Rails Sebagai contoh disini kita akan membuat project baru bernama " hello_world ". Cara membuatnya sangat mudah anda tinggal buka CMD dengan menekan Windows + R kemudian ketikkan CMD. Setelah CMD terbuka, arahkan ke folder tempat anda ingin menyimpan file Rails anda. Disini saya mengarahkannya pada "E:\ruby_on_rails", anda bisa menentukan sesuka hati tempat penyimpanannya. Untuk mengarahkan ketikkan perintah " cd E: " kemudian masuk ke folder " cd ruby_on_rails ", seperti pada gambar.     Setelah berada di folder atau directory yang di inginkan, ketikkan perintah rails new hello_world . Intruksi tersebut mengisyaratkan untuk membuat project ba...