3 Cara Mudah Membuat Hosting Gratis Di Heroku (Update Tutorial Terbaru)

Heroku adalah salah satu platform cloud yang memungkinkan kita untuk membuat, mengelola, dan menyebarluaskan aplikasi web dengan mudah dan cepat. Heroku mendukung berbagai bahasa pemrograman, seperti Node.js, Ruby, Java, PHP, Python, Go, Scala, Clojure, dan lain-lain. Selain itu, Heroku juga menyediakan berbagai layanan tambahan, seperti database, cache, email, pencarian, dan lain-lain.

Salah satu kelebihan Heroku adalah kita bisa menggunakan layanan gratisnya untuk membuat dan menjalankan aplikasi web tanpa perlu membayar biaya bulanan. Layanan gratis Heroku memiliki beberapa batasan, seperti jumlah jam aktif aplikasi, ukuran database, jumlah add-on, dan lain-lain. Namun, untuk keperluan belajar atau eksperimen, layanan gratis Heroku sudah cukup memadai.

Dalam artikel ini, kita akan belajar bagaimana cara membuat hosting gratis di Heroku dengan langkah-langkah sebagai berikut:

  • Membuat akun Heroku
  • Menginstal Heroku CLI
  • Membuat aplikasi web sederhana
  • Mengunggah aplikasi web ke Heroku
  • Mengakses aplikasi web di Heroku

Membuat akun Heroku

Langkah pertama yang harus kita lakukan adalah membuat akun Heroku. Akun Heroku adalah identitas kita di platform cloud ini. Dengan akun Heroku, kita bisa membuat dan mengelola aplikasi web yang kita buat di Heroku.

Untuk membuat akun Heroku, kita bisa mengunjungi situs web resmi Heroku di https://www.heroku.com/ dan klik tombol Sign up di pojok kanan atas. Kemudian, kita akan diminta untuk mengisi formulir pendaftaran dengan data-data seperti nama lengkap, alamat email, kata sandi, negara tempat tinggal, bahasa pemrograman utama yang digunakan, dan tujuan penggunaan Heroku.

Setelah mengisi formulir pendaftaran dengan benar dan lengkap, kita bisa klik tombol Create Free Account untuk menyelesaikan proses pendaftaran. Selanjutnya, kita akan menerima email konfirmasi dari Heroku yang berisi tautan untuk mengaktifkan akun kita. Kita harus mengklik tautan tersebut untuk memverifikasi alamat email kita dan mengaktifkan akun Heroku kita.

Setelah akun Heroku kita aktif, kita bisa masuk ke dashboard Heroku dengan menggunakan alamat email dan kata sandi yang telah kita buat sebelumnya. Dashboard Heroku adalah tempat dimana kita bisa melihat dan mengelola aplikasi web yang kita buat di Heroku.

Menginstal Heroku CLI

Langkah kedua yang harus kita lakukan adalah menginstal Heroku CLI (Command Line Interface). Heroku CLI adalah alat yang memungkinkan kita untuk berinteraksi dengan platform cloud Heroku melalui perintah-perintah di terminal atau command prompt. Dengan menggunakan Heroku CLI, kita bisa melakukan berbagai hal seperti membuat aplikasi web baru di Heroku, mengunggah kode sumber aplikasi web ke Heroku, melihat log aplikasi web di Heroku, menjalankan perintah-perintah di server Heroku, dan lain-lain.

Untuk menginstal Heroku CLI, kita bisa mengikuti petunjuk instalasi yang sesuai dengan sistem operasi yang kita gunakan di situs web resmi Heroku CLI di https://devcenter.heroku.com/articles/heroku-cli1. Setelah menginstal Heroku CLI dengan benar, kita bisa membuka terminal atau command prompt dan mengetikkan perintah heroku --version untuk memeriksa versi dari Heroku CLI yang terinstal. Jika instalasi berhasil, maka kita akan melihat output seperti ini:

heroku/7.59.0 win32-x64 node-v12.21.0

Membuat aplikasi web sederhana

Langkah ketiga yang harus kita lakukan adalah membuat aplikasi web sederhana yang akan kita hosting di Heroku. Aplikasi web yang kita buat bisa menggunakan bahasa pemrograman dan framework apa saja yang didukung oleh Heroku. Untuk contoh, kita akan membuat aplikasi web sederhana menggunakan Node.js dan Express.js.

Node.js adalah salah satu bahasa pemrograman yang populer untuk membuat aplikasi web berbasis JavaScript. Node.js memungkinkan kita untuk menjalankan kode JavaScript di sisi server dan mengakses berbagai modul atau pustaka yang tersedia di npm (Node Package Manager). Express.js adalah salah satu framework web yang paling banyak digunakan untuk membuat aplikasi web dengan Node.js. Express.js menyediakan fitur-fitur seperti routing, middleware, template engine, dan lain-lain.

Untuk membuat aplikasi web sederhana dengan Node.js dan Express.js, kita bisa mengikuti langkah-langkah sebagai berikut:

  • Membuat folder baru untuk menyimpan kode sumber aplikasi web kita. Misalnya, kita bisa membuat folder bernama heroku-app di direktori kerja kita.
  • Masuk ke folder heroku-app dan menjalankan perintah npm init -y untuk membuat file package.json yang berisi informasi tentang aplikasi web kita, seperti nama, versi, deskripsi, dependensi, dan lain-lain.
  • Menjalankan perintah npm install express --save untuk menginstal modul Express.js sebagai dependensi aplikasi web kita dan menyimpannya di file package.json.
  • Membuat file index.js di folder heroku-app dan menulis kode sumber aplikasi web kita di dalamnya. Kode sumber aplikasi web kita bisa seperti ini:
// Memanggil modul express
const express = require('express');

// Membuat objek aplikasi express
const app = express();

// Menentukan port yang akan digunakan oleh aplikasi web kita
// Jika ada variabel lingkungan PORT yang disediakan oleh Heroku, maka gunakan nilai tersebut
// Jika tidak ada, maka gunakan nilai default 3000
const port = process.env.PORT || 3000;

// Membuat route untuk menangani permintaan GET ke path '/'
app.get('/', (req, res) => {
  // Mengirimkan respon berupa teks 'Hello World from Heroku!'
  res.send('Hello World from Heroku!');
});

// Menjalankan server aplikasi web di port yang telah ditentukan
app.listen(port, () => {
  // Menampilkan pesan di terminal bahwa server telah berjalan
  console.log(`Server is running on port ${port}`);
});
  • Membuat file Procfile di folder heroku-app dan menulis perintah untuk menjalankan aplikasi web kita di dalamnya. Perintah ini akan digunakan oleh Heroku untuk mengetahui bagaimana cara menjalankan aplikasi web kita di server cloud. File Procfile bisa seperti ini:
web: node index.js

Salin

  • Menjalankan perintah node index.js untuk menjalankan aplikasi web kita secara lokal di komputer kita. Jika berhasil, maka kita bisa mengakses aplikasi web kita di browser dengan alamat http://localhost:3000/ dan melihat respon berupa teks ‘Hello World from Heroku!’.

Mengunggah aplikasi web ke Heroku

Langkah keempat yang harus kita lakukan adalah mengunggah kode sumber aplikasi web kita ke Heroku. Heroku menggunakan git sebagai sistem pengelolaan versi kode sumber. Git adalah salah satu sistem pengelolaan versi yang paling populer dan banyak digunakan oleh para pengembang. Dengan menggunakan git, kita bisa menyimpan dan melacak perubahan-perubahan yang terjadi pada kode sumber aplikasi web kita.

Untuk mengunggah kode sumber aplikasi web kita ke Heroku dengan git, kita bisa mengikuti langkah-langkah sebagai berikut:

  1. Membuka terminal atau command prompt dan masuk ke folder heroku-app yang berisi kode sumber aplikasi web kita.
  2. Menjalankan perintah git init untuk menginisialisasi folder heroku-app sebagai repositori git lokal. Repositori git lokal adalah tempat dimana kita bisa menyimpan dan melacak perubahan-perubahan pada kode sumber aplikasi web kita di komputer kita.
  3. Menjalankan perintah git add . untuk menambahkan semua file yang ada di folder heroku-app ke area staging git. Area staging git adalah tempat dimana kita bisa menyiapkan file-file yang akan kita commit atau simpan ke repositori git lokal.
  4. Menjalankan perintah git commit -m "Initial commit" untuk menyimpan perubahan-perubahan yang ada di area staging git ke repositori git lokal dengan pesan “Initial commit”. Commit adalah proses dimana kita merekam perubahan-perubahan yang terjadi pada kode sumber aplikasi web kita ke repositori git lokal.
  5. Menjalankan perintah heroku login untuk masuk ke akun Heroku kita melalui terminal atau command prompt. Perintah ini akan membuka browser dan meminta kita untuk memasukkan alamat email dan kata sandi akun Heroku kita. Setelah berhasil masuk, kita bisa kembali ke terminal atau command prompt.
  6. Menjalankan perintah heroku create untuk membuat aplikasi web baru di Heroku dengan nama acak. Perintah ini juga akan membuat repositori git remote yang terhubung dengan repositori git lokal kita. Repositori git remote adalah tempat dimana kita bisa menyimpan dan melacak perubahan-perubahan pada kode sumber aplikasi web kita di server cloud Heroku.
  7. Menjalankan perintah git push heroku master untuk mengunggah kode sumber aplikasi web kita dari repositori git lokal ke repositori git remote di Heroku. Perintah ini juga akan memicu proses build dan deploy aplikasi web kita di server cloud Heroku. Build adalah proses dimana Heroku menginstal dependensi-dependensi yang dibutuhkan oleh aplikasi web kita, seperti modul-modul Node.js. Deploy adalah proses dimana Heroku menjalankan aplikasi web kita di server cloud dengan menggunakan perintah yang ada di file Procfile.
  8. Menunggu hingga proses build dan deploy selesai dan melihat output di terminal atau command prompt. Jika berhasil, maka kita akan melihat pesan seperti ini:
remote: -----> Launching...
remote:        Released v1
remote:        https://<nama-aplikasi>.herokuapp.com/ deployed to Heroku
remote:
remote: Verifying deploy... done.
To https://git.heroku.com/<nama-aplikasi>.git
 * [new branch]      master -> master

Mengakses aplikasi web di Heroku

Langkah kelima dan terakhir yang harus kita lakukan adalah mengakses aplikasi web yang telah kita buat dan unggah ke Heroku. Aplikasi web yang telah kita deploy ke Heroku akan memiliki alamat URL unik yang berisi nama aplikasi yang telah dibuat secara acak oleh Heroku. Alamat URL ini bisa kita lihat di output terminal atau command prompt setelah menjalankan perintah heroku create atau git push heroku master.

Untuk mengakses aplikasi web di Heroku, kita bisa mengikuti langkah-langkah sebagai berikut:

  • Membuka browser dan mengetikkan alamat URL aplikasi web kita di kolom pencarian. Misalnya, jika nama aplikasi web kita adalah frozen-springs-12345, maka alamat URL aplikasi web kita adalah https://frozen-springs-12345.herokuapp.com/.
  • Menekan tombol enter atau klik tombol cari untuk mengirimkan permintaan GET ke server cloud Heroku.
  • Melihat respon dari server cloud Heroku di browser. Jika berhasil, maka kita akan melihat respon berupa teks ‘Hello World from Heroku!’.

Selamat! Kita telah berhasil membuat hosting gratis di Heroku dengan langkah-langkah yang mudah dan cepat. Kita bisa mengubah atau menambahkan fitur-fitur pada aplikasi web kita sesuai dengan kebutuhan dan kreativitas kita. Kita juga bisa

menggunakan layanan-layanan tambahan yang disediakan oleh Heroku untuk meningkatkan performa dan fungsionalitas aplikasi web kita.

Demikianlah artikel tentang cara mudah hosting gratis di Heroku. Semoga artikel ini bermanfaat dan membantu Anda dalam belajar dan bereksperimen dengan Heroku. Terima kasih telah membaca artikel ini sampai selesai.