Web Development & Design

Cara Install Express JS di Hosting [Termudah]

Membuat website dengan Node.js saja tidaklah cukup. Anda perlu memakai Express.js untuk mempermudah pembuatan website.

Masalahnya, bagaimana cara install Express js?

Tenang, kami sudah punya solusinya, kok! Di artikel ini, Anda akan belajar cara install Express js di hosting hanya dengan delapan langkah mudah.Penasaran, kan? Langsung saja ini dia tutorial selengkapnya!

Mengapa Anda Perlu Menggunakan Express.js?

Express.js adalah framework back end untuk Node.js untuk mempercepat dan mempermudah proses pengembangan website. Ada beberapa alasan kenapa Anda perlu melirik Express.js, yaitu:

  • Mendukung Google V8 Engine – Express.js mendukung Google V8 Engine, compiler untuk menjalankan JavaScript melalui server, guna meningkatkan performa website sekaligus meminimalisir error dan bug.
  • Menyediakan Server Side Caching – Express.js memproses cache website langsung di server, sehingga website dapat diakses pengunjung lebih cepat.
  • Terintegrasi dengan MEAN – Express.js tergabung dalam MEAN, arsitektur full stack milik JavaScript, yang terdiri dari MongoDB (database), Express.js (back end), Angular (front end), dan Node.js (environment).
  • Ekosistem yang Luas – Sebagai framework JavaScript, Express.js kompatibel dengan berbagai framework, library, modul, maupun compiler berbasis JavaScript.

Baca juga: Apa itu JavaScript

Persiapan Install Express.js di Hosting

Untuk bisa mengikuti cara install Express js di Hosting, syaratnya cuma satu, yaitu Anda perlu menggunakan hosting yang support Node.js. Untungnya, Niagahoster punya layanan hosting dengan persyaratan demikian, seperti:

  1. Paket Bisnis Hosting Murah. Harganya Rp49 ribuan/bulan.
  2. Semua Paket Cloud Hosting. Harganya mulai Rp129 ribuan/bulan.

Silakan pilih antara dua paket hosting di atas yang sesuai kebutuhan Anda. Nah, kali ini kami akan menggunakan Paket Basic Cloud Hosting.

Cara Install Express.js di Hosting

Cara install Express js di hosting bisa Anda selesaikan dalam delapan langkah mudah berikut:

  1. Login cPanel
  2. Buat Subdomain (Opsional)
  3. Setup Node.js App
  4. Akses Terminal
  5. Konfigurasi NPM
  6. Install Express.js
  7. Edit File app.s
  8. Jalankan Express.js App

Yuk langsung menuju langkah yang pertama!

Baca juga: Cara Upload Nuxt.js

1. Login cPanel

Cara install Express js Anda mulai dengan login ke dashboard cPanel. Nah, caranya yaitu:

1. Tuliskan nama domain Anda lengkap dengan ekstensinya di browser, lalu tambahkan /cpanel seperti contoh berikut:

domainsaya.com/cpanel

2. Jika sudah, Anda akan melihat tampilan berikut. Di sini, cukup tulis username dan password cPanel Anda lalu klik Log in.

3. Setelahnya, Anda akan dibawa menuju laman dashboard cPanel seperti ini:

2. Buat Subdomain (Opsional)

Langkah kedua install Express js di hosting ini sebenarnya opsional. Anda boleh menggunakan domain utama, jika tidak punya website atau project lain yang terinstall di domain tersebut.

Namun jika sebaliknya, kami sarankan Anda menginstall Express.js di subdomain, agar tidak terjadi crash. Nah, cara membuat subdomain adalah:

1. Dari dashboard cPanel, silakan buka menu Domains > Subdomains.

2. Di halaman berikutnya, isi nama subdomain Anda di kolom Subdomain. Sebagai contoh, kami memberi nama subdomain express. Jika sudah, klik Create.

3. Pembuatan subdomain baru berhasil. Silakan kembali ke dashboard cPanel.

Baca juga: Apa itu React

3. Setup Node.js App

Cara install Express js di hosting masih berlanjut. Kali ini, waktunya menyiapkan environment Node.js. Nah, cara setting Node.js adalah:

1. Buka menu Software > Node.js seperti ini:

2. Di halaman selanjutnya, klik CREATE APPLICATION.

3. Setelahnya, lakukan pengisian form sesuai ketentuan berikut:

  • Node.js version – Pilih dengan tanda (recommended).
  • Application root – Tulis folder instalasi Express.js. Di sini, kami memberi nama folder expressapp.
  • Application URL – Sesuaikan dengan nama domain atau subdomain baru yang tadi Anda buat.

4. Abaikan saja form yang lain, kemudian klik CREATE.

Baca juga: Vue.js adalah

4. Akses Terminal

Setelah menciptakan environment Node.js, Anda akan melihat deretan script berikut:

Nah, script di atas digunakan untuk mengakses Virtual Environment via Terminal. Ini dia langkah-langkahnya:

1. Klik bagian bertanda merah untuk menyalin script yang ada.

2. Buka tab baru lalu akses dashboard cPanel. Kemudian pilih menu Advanced > Terminal.

3. Di halaman Terminal, tempel script tadi di kotak dialog. Jika sudah, klik Enter.

4. Jika melihat output berikut, artinya Anda telah berhasil masuk ke Virtual Environment Node.js:

5. Konfigurasi NPM

Cara install Express js selanjutnya adalah menginstall NPM atau Node Package Manager. Caranya yaitu:

1. Jalankan perintah berikut untuk menginstall NPM:

NODE_ENV=production npm install

2. Berikut output yang dihasilkan:

3. Kemudian, ikuti dengan perintah di bawah untuk membuat file package.json:

npm init

4. Di sini, Anda akan diminta menjawab beberapa pertanyaan. Isilah secara default dengan cara klik Enter.

5. Setelahnya, silakan kembali ke laman Node.js Application. Di sini, klik tombol RESTART.

6. Jika sudah, klik tombol Run NPM Install seperti ini:

Baca juga: Apa itu Forever.js

6. Install Express.js

Selesai dengan konfigurasi NPM, saatnya install Express js di hosting. Caranya mudah, yaitu:

1. Kembali ke laman Terminal. Di sini, jalankan perintah berikut:

npm install express

2. Jika berhasil, Anda akan menjumpai tampilan di bawah:

7. Edit File app.js

Untuk memastikan cara install Express js telah berhasil, Anda perlu mengedit file bernama app.js. Ikuti langkah-langkah berikut:

1. Buka dashboard cPanel di tab baru. Kemudian klik menu Files > File Manager.

2. Klik dua kali folder expressapp untuk membukanya.

3. Jika sudah, klik sekali file app.js dan pilih menu Edit.

5. Anda akan diarahkan ke halaman Editor. Di sini, hapus semua script yang ada lalu ganti dengan script berikut:

var express = require('express');
var app = express();
 
// Routes
 
app.get('/', function(req, res) {
res.send('Hello World! Ini adalah Website Express.js pertama saya');
 });
 
// Listen
 
var port = process.env.PORT || 3000;
app.listen(port);
console.log('Listening on localhost:'+ port);

6. Jika sudah, klik Save Changes.

Baca juga: Next.js adalah

8. Jalankan Express.js App

Anda sudah berada di langkah terakhir install Express js di hosting. Di sini, Anda perlu memeriksa hasil akhir instalasi dengan cara:

1. Kembali ke halaman Node.js Application. Kemudian, klik tombol OPEN seperti ini:

2. Nah, ini dia tampilan yang muncul:

Selamat! Anda telah berhasil menyelesaikan cara install Express js di hosting. Mudah sekali bukan?

Tertarik Mencoba Cara Install Express.js di Hosting?

Di artikel ini, Anda telah mencoba cara install Express.js di hosting. Langkah-langkahnya bisa dibilang sangat mudah. Namun ingat, tutorial ini hanya bisa dilakukan di hosting yang sudah mendukung Node.js.

Lebih bagus lagi, jika Anda memilih hosting yang bisa menunjang performa website Express.js, seperti layanan Cloud Hosting Niagahoster. Memang apa istimewanya layanan yang satu ini?

Jangan salah! Cloud Hosting Niagahoster menyediakan resource server setara VPS, seperti CPU hingga 8 Cores, RAM hingga 8GB, serta SSD Storage hingga 120GB!

Selain itu, ada juga jaminan performa Hosting 10x Lebih Kencang dan Server Uptime 99.995% untuk website yang tak hanya ngebut, tapi juga bebas down.

Yuk, beralih ke Cloud Hosting Niagahoster dan rasakan bedanya!

Muhammad Ariffudin

also known as Ariffud

Share
Published by
Muhammad Ariffudin

Recent Posts

Benarkah WordPress itu SEO Friendly? Ini Dia Alasannya!

WordPress adalah platform CMS terpopuler. Alasannya, karena WordPress SEO friendly. Benarkah begitu? Simak fakta dan alasannya di sini!

11 hours ago

10 Rekomendasi Website Belajar Coding Terbaik untuk Anda!

Siapa bilang coding adalah skill yang hanya bisa dipelajari lewat pendidikan formal?  Dengan adanya website belajar coding, Anda bisa belajar…

13 hours ago

Gutenberg 14.6 Rilis, Ini Dia Perubahan yang Jadi Sorotan

Ada yang baru nih bagi Anda pengguna Gutenberg di WordPress! Gutenberg 14.6 resmi diluncurkan pada 23 November 2022. Sederet fitur…

5 days ago

Kenapa Pilih Niagahoster? Ini Kata Pelanggan Tentang Kualitas Niagahoster

Penasaran dengan performa hosting Niagahoster yang sebenarnya? Yuk simak fakta dan ulasan dibalik kualitas Niagahoster!

5 days ago

Rilis Update Maintenance, WordPress 6.1.1 Bawa 50+ Perbaikan Bug

Ada berita penting bagi Anda pengguna setia WordPress! WordPress 6.1.1 resmi dirilis dengan membawa 29 perbaikan core dan 21 perbaikan…

6 days ago

Ini 5+ Bahasan Menarik WordCamp Gresik 2022!

WordCamp Gresik sukses digelar dengan antusiasme luar biasa. Ingin tahu rekap dan hal menarik WordCamp Gresik 2022? Baca artikel ini…

1 week ago