Cara Menjalankan React JS di Port 80 | alvianaufan

BLOG IT SYSADMIN

Daftar akun digitalocean untuk mendapatkan free credit 100$.
DigitalOcean Referral Badge

Membuat dan menjalankan website menggunakan React JS di server pasti akan secara default menggunakan port 3000 . Maksudnya setelah anda menjalankan command npm start maka kamu perlu mengetikkan alamat url seperti http://alamat-ip:3000 untuk mengakses websitenya. Seperti contoh gambar berikut: cara install react js



Lalu akan menjadi pertanyaan bagaimana cara nya agar kita tidak perlu lagi mengetikkan angka 3000 dibelakang url nya..

Cara yang tepat adalah dengan merubah/mengganti port 3000 tersebut menjadi port http 80. Sebagai contoh disini saya sudah punya ubuntu server yang sudah terinstall npm, node dan module pendukung lainnya yang sudah diterapkan pada artikel sebelumnya #Cara menjalankan React JS di Ubuntu Server 20.04.

Pada directory aplikasi React JS yang telah dicreate, bukalah file package.json dan masukkan code PORT=80 di bagian scripts start seperti ini:

"scripts": {
  "start": "PORT=80 react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject"

– save dan exit
– Setelah itu silahkan jalankan npm di dalam directory aplikasi React JS  nya.

cd /var/www/html/alvian
npm start

cara menjalankan react js di port 80
– Dapat dilihat npm memberikan informasi bahwa website sudah berjalan di port 80
– Dan kita juga sudah bisa mengakses url tanpa mengetikkan port nya:
cara menjalankan react js di port 80

Demikian cara menjalankan React JS di Port 80, silahkan jika ada yang ingin bertanya atau memiliki kendala bisa tulis komentar di bawah ya 🙂



Write A Comment