Cara Deploy AGC Nodejs Di cPanel

Mas Koding
Agustus 06, 2021

Sebelum masuk ke tutorialnya, sebaiknya silahkan kamu cek terlebih dahulu apakah cPanel kamu support nodejs atau tidak. Untuk cPanel yang support nodejs biasanya "terdapat icon nodejs di bagian fitur software". Lihat gambar berikut :

ciri ciri cPanel support nodejs

Di sini saya kebetulan memakai cPanel yang saya beli di namecheap. 

Berikut ini beberapa media hosting yang sudah support nodejs :

  1. NameCheap, harga shared hosting mulai dari $2/bulan.
  2. Domainesia, harga shared hosting mulai dari Rp 14.000/bulan.
  3. RumahWeb, shared hosting yang suport nodejs yaitu pada paket medium dengan harga Rp 29.900/bulan.
  4. idcloudhost, harga shared hosting mulai dari Rp 15.000/bulan.
  5. exabytes, harga hosting cPanel mulai dari Rp 44.900/bulan.
  6. dapurhosting, hosting premium dengan harga mulai dari Rp 1.000.000/thn.
  7. dll

Jika cPanel kamu sudah support nodejs, maka kamu bisa melanjutkan membaca tutorial ini.

1. Buat Folder appNode di File Manager cPanel

Disini kita harus membuat sebuah folder tempat file-file agc kita nantinya. Silahkan ikuti panduan berikut :

  • Silahkan masuk ke menu "File Manager". Lihat gambar berikut :

menu file manager cPanel
  • Setelah menu "File Manager" kamu klik, maka akan muncul tab baru. Disinilah tempat untuk membuat sebuah folder. Folder ini nantinya akan kita isi dengan file-file agc nodejs.
  • Untuk membuat sebuah folder, silahkan klik tombol "folder" di pojok kiri atas. Lihat gambar berikut.
posisi tombol folder cPanel
  • Setelah kamu klik, maka akan muncul form popup. Silahkan isi "New Folder Name" dengan nama folder yang kamu inginkan. Disini saya memberi nama "appNode". Setelah itu klik tombol "Create New Folder". Lihat gambar berikut.
form isian membuat nama folder baru di cPanel
  • Stelah itu akan muncul folder yang baru saja kita buat. Silahkan kamu double-klik folder tersebut. Lihat gambar berikut.
folder yang baru dibuat di cPanel
  • Setelah itu, silahkan klik tombol "Upload". Lihat gambar berikut.
posisi tombol upload file manager di cPanel
  • Setelah kamu klik, maka akan terbuka tab baru. Silahkan kamu klik tombol "Select File". Lihat gambar berikut.
posisi tombol impor file manager di cPanel
  • Selanjutnya silahkan minta/beli file "AGC NODEJS cPanel.zip" ke admin. Lalu import file "AGC NODEJS cPanel.zip" . Tunggu sampai proses upload 100%. Lihat gambar berikut.
proses loading impor file manager di cPanel
  • Setal 100% ter-upload. Silahkan kamu tutup tab tersebut. Lalu balik lagi ke tab folder sebelumnya. Silahkan refresh halamannya. Jika file berhasil di upload, maka akan muncul file bernama "AGC NODEJS cPanel.zip" didalam folder yang sebelumnya telah kita buat. Lihat gambar berikut.
sukses impor file manager di cPanel
  • Selanjutnya silahkan klik kanan pada file tersbut dan pilih "Extract". Lihat gambar berikut.
extract file yang ada pada file manager di cPanel
  • Setelah itu akan muncul form popup, lalu langsung saja klik tombol "Extract File(s)". Lihat gambar berikut.
tombol extract file di file manager cPanel
  • Jika sudah selesai, silahkan klik tombol "close". Lihat gambar berikut.
tombol close extract file di file manager cPanel
  • Sampai disini kita telah berhasil mengupload file agc nodejs di cPanel. Nah sebelum lanjut silahkan kamu catat nama folder yang barusan kamu buat. Dalam contoh ini sebelumnya saya telah membuat folder dengan nama "appNode", nah nanti nama folder ini kita butuhkan untuk proses selanjutnya. jadi harap di ingat ya..

2. Deploy File Script Agc Di Nodejs cPanel

Baik langsung saja. 

  • Silahkan kamu pergi ke dashboar cPanel, lalau di bagian area "Software" silahkan klik "icon Nodesjs". Lihat gambar berikut.

lokasi nodejs di cPanel
  • Lalu klik tombol "CRETAE APLICATION". Lihat gambar berikut :
lokasi tombol create nodejs di cPanel
  • Selanjutnya di bagian "Application root"  silahkan masukkan nama folder yang sebelunya telah kamu buat. Karena sebelumnya saya telah membuat folder bernama "appNode", maka nama folder ini saya masukkan di dalam kolom input ini. Lihat gambar berikut.
form input nama folder nodejs di cPanel
  • Lalu di bagian "Application URL", silahkan kamu pilih domain mana yang ingin digunakan.
  • Lalu di bagian "Application startup file", silahkan masukkan "index.js". Lihat gambar berikut.
form input target file utama folder nodejs di cPanel
  • Selanjutnya klik tombol "Create". Lihat gambar berikut.
lokasi tombol create folder nodejs di cPanel
  • Tunggu sampai selesai.
  • Selanjutnya untuk melihat hasilnya silahkan kunjungi link domain web yang kamu gunakan sebelumnya atau klik tanda ini. Lihat gambar berikut :
lokasi tombol preview hasil deploy nodejs di cPanel
  • Dan boom... akhirnya web agc kita berhasil berjalan.
hasil tampilan web agc deploy nodejs di cPanel
  • Saya sarankan agar kamu mengakses melalui "https" bukan "http" agar tampilan tidak kacau. Jika web kamu tidak bisa di akses melalui "https" maka silahkan pasang ssl. Untuk cara install ssl silahkan kamu cari di google.

3. Cara "STOP" dan "RESTART" Webiste AGC yang telah berjalan.

Tombol "STOP" dan "RESTART" dapat kamu lihat pada gambar berikut.

tombol stop dan restart web agc deploy nodejs di cPanel
  • Tombol "STOP APP" berfungsi untuk menghentikan web agc yang sedang berjalan.
  • Tombol "RESTART" berfungsi untuk merestart halaman web agc. Jika kamu telah mengubah beberapa bagian file agc yang ada di file manager, maka tombol ini wajib kamu klik agar seluruh file agc terload ulang. Jika tidak di klik, maka perubahan apapun yang kamu lakukan pada file agc tidak akan berubah.


4. Cara Mengubah Web Target di Halaman Home

  • Silahkan kamu buka file setting.json yang ada di file manager. Lihat gambar berikut.

lokasi file setting-json web agc deploy nodejs di cPanel
  • Silahkan klik kanan lalu pilih edit.
  • Lalu akan terbuka tab baru. Silahkan ubah bagian kode yang saya tandain berikut.
lokasi kode mengganti web target agc nodejs di cPanel
  • Silahkan ganti link tersebut dengan link yang kamu targetkan. Lalu tekan tombol "Save Changes". Lihat gambar berikut.
tombol save mengganti web target agc nodejs di cPanel
  • Selanjutnya silahkan restart nodejsnya. Caranya liat di point nomor 3 di atas.
  • Jika berhasil maka web agc kita akan berubah tampilannya menjadi bentuk tampilan web target.
  • Selesai.

5. Cara Verifikasi Domain Di GSC melalui meta TAG.

  • Silahkan kamu daftarkan domain kamu di GSC.
cara submit gsc 1 agc nodejs di cPanel
  • Scrool ke bawah lalu pilih bagian "Tag HTML". Lalu salin kode metanya. Lihat gambar berikut.
cara submit gsc 2 agc nodejs di cPanel
  • Nah, setelah kamu salin, nanti kodenya seperti dibawah ini
<meta name="google-site-verification" content="q5c3XN26Rb0PNZImGVhq9VY6C7hD9L8d6e77F_Yf_bI" />

  • Silahkan copy kode yang saya beri tanda warna merah. Silahkan sesuaikan dengan kode GSC kamu sendiri. YANG SAYA TUNJUKKAN ITU HANYA CONTOH!!!.

  • Selanjutnya setelah kamu salin silahkan buka file setting.json yang ada di file manager. Lihat gambar berikut.
lokasi file setting-json web agc deploy nodejs di cPanel
  • Silahkan klik kanan lalu pilih edit.
  • Selanjutnya lihat kode yang saya tandai berikut ini.
cara submit gsc 3 agc nodejs di cPanel
  • Silahkan ganti kode tersebut dengan kode meta tag GSC kamu. Lalu tekan tombol "Save Changes". Lihat gambar berikut.
tombol save mengganti web target agc nodejs di cPanel
  • Selanjutnya silahkan restart nodejsnya. Caranya liat di point nomor 3 di atas.
  • Setelah itu, balik lagi ke GSC dan tekan tombol verify.
  • Done.

6. Cara Submit Sitemap Ke GSC

SITEMAP wajib kita submit ke GSC agar terindex oleh google. Disini kita bisa melakukan submit sitemap dari sitemap web target.

Sitemap web target wajib kita modif terlebih dahulu sebelum kita submit ke GSC. Format modifikasi sitemap adalah seperti beriku :

https://domain-web-agc-kamu/host-https-link-sitemap-web-target

Keterangan :

  • Warna hijau adalah domain web agc kamu.
  • Warna biru adalah protocol link sitemap web target. Silahkan sesuaikan apakah web target pakai https atau http.
  • Warna merah adalah link sitemap full web target.


Contoh :

Misalkan saya mau meng-agc web target dengan domain seperti berikut :

https://www.wallpaper.com

Lalu saya cari tau dulu link sitemap web ini. Nah saya coba cari di bagian file robots.txt nya yaitu pada link https://www.wallpaper.com/robots.txt, lihat gambar berikut.

link sitemap web target agc nodejs di cPanel

Dari link robots.txt tersebut saya dapat mengetahui bahwa link sitemap web target adalah :

https://www.wallpaper.com/sitemap.xml

Jika kamu tidak mengetahui link sitemap web target coba tambahkan pathname berikut :

/sitemap.xml
/wp-sitemap.xml
/sitemap_index.xml
/post-sitemap.xml
/sitemap/sitemap.xml
/sitemap/index.xml
/rss/
/rss.xml
/sitemapindex.xml
/sitemap.xml.gz
/sitemap_index.xml.gz
/sitemap.php
/sitemap.txt
/atom.xml

Jika tidak juga berhasil menemukan link sitemap web target, coba baca artikel ini.

Jika tidak berhasil juga, maka dapat dipastikan bahwa link sitemap web target tidak ada atau sudah di modif menjadi link sitemap lain. Solusinya silahkan cari target web lain.


Nah, setelah saya mengetahui link sitemap web target, lalu melakukan modifikasi sesuai format yang telah saya jelaskan sebelumnya. Jadi sekarang link sitemapnya menjadi seperti berikut :

https://stackoverflow.maskoding.com/host-https-www.wallpaper.com/sitemap.xml

Link inilah yang kita submit di GSC.

Jika saat submit terjadi error, silahkan tunggu 30 menit atau 1 jam. Biarkan GSC melakukan crawler.

Penting untuk kamu ketahui :

  • Jangan mematikan server nodejs saat proses submit sitemap ini berlangsung.
  • Pastikan server nodejs kamu tidak tertidur (khusus untuk pengguna repl gratisan).


Jika ada kendala silahkan kontak saya DISINI atau buat sesi tanya jawab baru di group private fb agc nodejs.