Publish Website Laravel 7 Dengan Hosting Gratis Heroku Part II

Laravel Dengan Hosting Gratis ?? Gampang! Ini dia caranya!

Sumber Gambar

Halo guys, kita lanjut part 2 yah. Setelah kemarin kita menyelesaikan publis website kita ke heroku, sekarang kita lanjutkan proses konfigurasi databasenya. 

Buat temen-temen yang belum mengikuti Part I nya, bisa di lihat dengan cara klik link di bawah ini.

     Publish Laravel Project dengan Hosting Gratis Heroku Part I

Buka Dashboard Heroku

Bukalah dashboard heroku kalian, dan pilih applikasi yang telah kalian buat sebelumnya, setelah itu tunggu proses loading selesai dan lanjutkan ke Proses Buka Konfigurasi Vars.

Proses Buka Konfigurasi Vars

Pilih menu "Settings" dan klik menu "Reveal Config Vars", Menu ini akan menampilkan kolom key dan value yang nantinya akan kita isi, jika menu sudah tampil jangan close browser kalian dan lanjutkan ke proses pengambilan key project.

Ambil Key Project

Cari file .env dalam project kalian, dan cari dan copylah key dari informasi database kalian. cek gambar dibawah ini. 

Lanjutkan dengan mengisikan key kedalam konfigurasi vars. Lihat gambar untuk lebih jelasnya.

Cari add-ons

Scroll keatas, dan cari tombol "Resources", Klik kanan tombol, dan pilih open new tab. Padah kolom pencarian ketik postgres, dan klik "Heroku Postgres".

Akan muncul sebuah pop-up berisikan informasi add-ons, pada bagian plan name pilih Hobby Dev - Free.

Ambil Value dan Input ke Konfigurasi Vars

Pada tahap ini ada beberapa step, pertama silahkan klik tombol kecil di sebelah kanan data add-ons postgres.

Klik "Settings" dan "Vie Credentials". 

Copy value dan Inputkan value ke dalam konfigurasi vars.

Run Console Heroku

Scroll ke atas, dan carilah tombol "More --> Run Console".

Inputkan text php artisan migrate dan klik "run", ini akan membuat laravel melakukan migrasi ulang. Mas gabisa upload database aja kah ? untuk saat ini penulis belum mengetahui cara upload database ke server heroku.

ketik yes, dan tunggu proses migrate hingga selesai.

Buka Website

Buka aplikasi / website dengan cara klik open app, website akan mengirimkan error symlink. Ini dikarenakan Heroku tak mengenali public/storage yang kalian punya. Untuk mengatasi masalah ini penulis pernah membahas hal tersebut sebelumnya, silahkan klik link dibawah ini.

         Cara mengatasi error laravel php artisan storage link di Heroku

Download, Instal dan Buka Aplikasi Data Grip

Data grip adalah aplikasi lingkungan database multi-engine, dengan aplikasi ini kita dapat melakukan create, update, dan delete pada database yang telah terhubung dengan Heroku. Akan tetapi penulis hanya akan membuat satu data user atau data admin guna agar penulis dapat melakukan CRUD di halaman Dashboard yang telah penulis miliki.

Setelah berhasil membuka aplikasi DataGrip silahkan klik icon "+" -> Data Source ->PostgreSQL

Input Data Credentials Heroku Kedalam DataGrip

Masukkan nama aplikasi kalian, kemudian inputkan data Host, Port, User, Password, dan Database. Setelah itu klik "Test Connection". Jika Test Connection telah berhasil, klik Apply dan Ok. 

Insert Data

Cari tabel user atau admin pada aplikasi DataGrip, dan tuliskan script insert data pada console DataGrip. Jika sudah tekan tombol Execute untuk menjalankan script SQL yang telah dibuat.

INSERT INTO nama_table (kolom1, kolom2, kolom3)

VALUES (

                 'Data 1',

                 'Data 2',

                 'Data 3'

                )

Apabila hasil Execute berhasil maka kita dapat lanjut ke tahap selanjutnya. Berikut gambar apabila insert data berhasil dilakukan.

Login ke Aplikasi atau Webite

Buka aplikasi atau website kalianm dan lakukan login untuk mengakses Dashboard anda.

Lakukan Input Data 

Silahkan coba untuk melakukan input data melalui admin panel.

Finish

Silahkan lihat Website atau Web App kalian, jika data berhasil tampil maka proses publikasi telah selesai.

Sekian tutorial cara deployment Website dan Web App ke server Heroku secara gratis, Apabila terjadi error saat melakukan proses yang telah disebut kan oleh penulis silahkan bertanya melalui kolom komenter.