Cara Deploy Ract App di Shared Hosting (cPanel)

React merupakan library for end yang paling banyak digunakan. Ada banyak cara untuk menerapkan aplikasi react. Penggunaan hosting bersama dapat dikatakan menjadi yang termurah dalam pengembangan bisnis maupun untuk percobaan pengembangan teknologi. Namun dengan menerapkan aplikasi react menjadi cara yang termurah bagi kamu yang saat ini jadi pengembang Sob.

Mau tahu caranya ? yuk ikuti tutorial ini dengan ketik di browser kamu localhost:port.

Untuk melakukan react di shared hosting maka kamu perlu mengganti local address dengan nama domain kamu Sob!

1. Mengganti Localhost dengan Nama Domain

Kamu bisa mengganti domain kamu dengan nama domain

Dalam file package.json dari aplikasi react kamu, bisa kamu tambahkan properti baru seperti “beranda”:”http://(namadomainkamu).com” . Diperlukan mengembangkan aplikasi untuk menyebarkan react app di hosting bersama milikmu Sob.

2. Membangun Aplikasi React dengan npm run build

Project directory kamu akan membuat folder dan akan berisi semua file statis untuk proyek kamu.

Untuk mengupload aplikasi di akun hosting kamu, kamu harus punya akun FTP dengan alamat hosting kamu.

FTP (FileZilla) di browser local, buka direktori untuk React App. Akun hosting akan selalu memiliki direktori domai dengan nama yang sama dengan domain kamu, kalau kamu menamainya dengan nama yang berbeda maka bisa kamu cari nama domain kamu Sob. Kamu bisa mencopy dari directory build ke direktory domain.

amu juga bisa melakukan konfigurasi .htaccess, file ini berisi konfigurasi file dan akan disajikan ketika ada yang mengunjungi domain kamu Sob. Kalau kamu sudah mengikuti tutorial diatas, kamu bisa copy dan paste seperti ini Sob ke .htaccess kamu

<IfModule mod_rewrite.c>

 RewriteEngine On

 RewriteBase /

 RewriteRule ^index.html$ - [L]

 RewriteCond %{REQUEST_FILENAME} !-f

 RewriteCond %{REQUEST_FILENAME} !-d

 RewriteCond %{REQUEST_FILENAME} !-l

 RewriteRule . /index.html [L]

</IfModule>

Note !

 .index.html ketika index.html dan .htaccess kamu ada di folder yang sama. Kalau kamu sudah menaruh aplikasi React kamu di beberapa folder maka .someotherfolder/index.html 

Kamu udah paham kan Sob kalau mengikuti tutorial diatas, kalau masih bingung bisa tanya langsung dengan teman-teman Jagoanhosting lewat Live Chat dan Open Ticket ya.