Heroku adalah layanan cloud dan web server yang dapat menjalankan situs web tanpa perlu settingan yang rumit. Heroku bisa dijadikan sebagai pengganti vps. Namun, heroku menggunakan git untuk melakukan transfer data situs web (kalau di kebanyakan web hosting menggunakan ftp)
Nah, saya akan menjelaskan bagaimana step-step untuk mengupload sebuah data web dengan sistem Node JS ke heroku dengan git ini. Atau biasa disebut dengan istilah deploy.
Baca Juga: Pengertian dan Cara Kerja Node JS
Kebutuhan
1. Heroku CLI. Download Disini
2. Git. Download Disini
3. Buat akun Heroku. Silahkan Daftar Disini
Langkah-langkah
Konfigurasi File Web
1. Silahkan masuk ke direktori dimana kalian ingin deploy seluruh file web kalian
2. Setting port dari development node js kalian ke port default heroku. Caranya adalah dengan mengganti variabel port yang kalian buat untuk running server menjadi:
process.env.PORT
PERHATIKAN PORT NYA |
3. Buka package.json, lalu buat perintah "npm start" dengan cara membuat key baru pada package.json => script. Lalu masukan valuenya menjadi "node index" (untuk menjalankan file yang pertama kali diakses)
"script":{
"start": "node index"
}
Membuat Projek dan Domain di Heroku
Setelah semua siap, saatnya kita membuat projek aplikasi baru di heroku. Caranya adalah seperti berikut ini
Buka cmd/terminal, lalu ketikan perintah
heroku apps:create namawebmu // Membuat projek dan sub domain di heroku
heroku git:remote namawebmu // Setting remote git heroku
Mendaftarkan GIT di File Web
Selanjutnya kita akan membuat file git di web kita. Karena seperti yang saya bilang tadi, untuk deploy web ke heroku, kita menggunakan git. Jadi kita harus mendaftarkan (init) git di aplikasi web kita
Buka terminal, lalu masukan perintah berikut ini
git init // Mendaftarkan git
git add . // Menyiapkan semua file untuk di-commit
git commit -m "test deploy" // Commit semua file
git push heroku master // Push seluruh file ke git heroku
Testing
Selanjutnya, kita tinggal buka hasil dari web yang sudah kita buat di heroku. Caranya dengan mengetikan perintah:
heroku open
Maka otomatis akan membuka browser dengan url namawebmu.herokuapp.com
Jika tutorial tertulis ini kurang jelas, silahkan cek video tutorial deploy node js ke heroku berikut ini
Oke, sekian artikel tutorial kali ini tentang cara deploy aplikasi node js ke heroku. Semoga bermanfaat! Terima kasih!
No comments:
Post a Comment
Komentar yang bermutu Insyaallah akan mendapatkan berkah