Halo Sobat Sederhana, apakah Anda ingin membuat website sederhana tapi tidak tahu harus mulai dari mana? Jangan khawatir, di artikel ini kami akan membahas cara membuat website sederhana di Heroku. Heroku adalah salah satu platform cloud yang populer untuk membuat dan menjalankan aplikasi web. Dalam tutorial ini, kami akan membahas langkah-langkah yang diperlukan untuk membuat website sederhana dan menjalankannya di Heroku. Selamat membaca!
Persiapan Awal
Sebelum mulai membuat website sederhana di Heroku, ada beberapa hal yang perlu Anda persiapkan terlebih dahulu. Pertama, pastikan Anda memiliki akun Heroku. Jika belum memiliki akun, buka halaman register Heroku dan daftar menggunakan email Anda.
Setelah mendaftar, Anda perlu menginstal beberapa perangkat lunak di komputer Anda sebelum bisa mulai membuat aplikasi web di Heroku. Berikut adalah beberapa perangkat lunak yang perlu Anda instal:
Perangkat Lunak |
Deskripsi |
---|---|
Git |
Sistem kontrol versi yang memungkinkan Anda mengelola kode sumber aplikasi Anda |
Node.js |
Framework Javascript yang digunakan untuk membangun aplikasi web |
Heroku CLI |
Command line interface yang digunakan untuk mengelola aplikasi di Heroku |
Jika Anda belum menginstal perangkat lunak di atas, silakan kunjungi situs web resmi masing-masing perangkat lunak dan ikuti panduan instalasinya.
Langkah 1 – Membuat Direktori Baru
Langkah pertama dalam membuat website sederhana di Heroku adalah membuat direktori baru di komputer Anda. Anda bisa membuka terminal atau command prompt dan mengetikkan perintah berikut:
$ mkdir nama_directory$ cd nama_directory
Ubah nama_directory
dengan nama yang ingin Anda berikan pada direktori. Setelah direktori dibuat, masuk ke direktori tersebut dengan menggunakan perintah cd
.
Langkah 2 – Memulai Proyek Node.js
Setelah masuk ke direktori baru, langkah selanjutnya adalah memulai proyek Node.js. Anda bisa menjalankan perintah berikut di terminal atau command prompt:
$ npm init
Perintah ini akan memulai proses membuat file package.json
yang berisi informasi tentang proyek Node.js Anda, seperti nama proyek, versi, deskripsi, dan lain-lain. Anda bisa memasukkan nilai default untuk setiap pertanyaan atau memasukkan nilai kustom sesuai kebutuhan Anda.
Langkah 3 – Instal Express
Setelah proyek Node.js dibuat, langkah selanjutnya adalah menginstal Express. Express adalah framework Javascript yang digunakan untuk membangun aplikasi web. Anda bisa menjalankan perintah berikut di terminal atau command prompt:
$ npm install --save express
Perintah ini akan menginstal Express dan menyimpannya di file package.json
sebagai dependensi proyek Anda.
Langkah 4 – Membuat File Server
Setelah menginstal Express, langkah selanjutnya adalah membuat file server. Anda bisa membuat file baru dengan menggunakan perintah berikut di terminal atau command prompt:
$ touch server.js
File server.js
adalah file utama dalam proyek Node.js Anda. File ini berisi kode untuk membuat server web menggunakan Express.
Langkah 5 – Menambahkan Kode ke File Server
Setelah file server.js
dibuat, langkah selanjutnya adalah menambahkan kode ke file tersebut. Kode ini akan membuat server web menggunakan Express dan mengirimkan respons saat ada permintaan. Berikut adalah contoh kode yang bisa Anda gunakan:
const express = require('express')const app = express()app.get('/', (req, res) => {res.send('Hello World!')})const port = process.env.PORT || 3000app.listen(port, () => {console.log(`Server is listening on port ${port}`)})
Baris pertama mengimpor Express ke dalam proyek Anda. Kemudian, baris kedua membuat instans dari aplikasi Express. Baris ketiga menambahkan route
untuk permintaan GET pada root URL (/
) dan mengirimkan respons dengan teks Hello World!
saat ada permintaan. Baris keempat dan kelima adalah kode untuk menjalankan server web pada port tertentu (3000
).
Langkah 6 – Menjalankan Aplikasi di Lokalhost
Setelah file server selesai dibuat, Anda bisa mulai menjalankan aplikasi di lokalhost. Jalankan perintah berikut di terminal atau command prompt:
$ node server.js
Perintah ini akan memulai server di localhost pada port 3000
. Buka web browser dan buka URL http://localhost:3000
, maka Anda akan melihat teks Hello World!
di halaman web.
Deploy ke Heroku
Setelah aplikasi berhasil berjalan di lokalhost, langkah selanjutnya adalah mendeploy aplikasi ke Heroku. Berikut adalah langkah-langkahnya:
Langkah 1 – Membuat Akun Heroku
Jika Anda belum memiliki akun Heroku, silakan daftar terlebih dahulu di halaman register Heroku.
Langkah 2 – Login ke Heroku
Setelah memiliki akun Heroku, langkah selanjutnya adalah login ke akun. Anda bisa menggunakan perintah berikut di terminal atau command prompt:
$ heroku login
Perintah ini akan membuka halaman login Heroku. Masukkan email dan password akun Heroku Anda, kemudian klik tombol Log In.
Langkah 3 – Membuat Aplikasi Baru di Heroku
Setelah login, langkah selanjutnya adalah membuat aplikasi baru di Heroku. Anda bisa menggunakan perintah berikut di terminal atau command prompt:
$ heroku create nama_aplikasi
Ubah nama_aplikasi
dengan nama yang ingin Anda berikan pada aplikasi. Perintah ini akan membuat aplikasi baru di Heroku dan menyimpannya di akun Heroku Anda.
Langkah 4 – Mendorong Kode ke Heroku
Setelah aplikasi berhasil dibuat di Heroku, langkah selanjutnya adalah mendorong kode Anda ke Heroku. Anda bisa menggunakan perintah berikut di terminal atau command prompt:
$ git push heroku master
Perintah ini akan mengirimkan kode Anda ke Heroku dan menjalankan proses deploy. Setelah proses deploy selesai, aplikasi Anda akan dijalankan di Heroku.
FAQ
1. Apa itu Heroku?
Heroku adalah platform cloud yang digunakan untuk membangun, mengelola, dan mendeploy aplikasi web.
2. Apa kelebihan Heroku?
Heroku memiliki beberapa kelebihan dibandingkan platform cloud lainnya, di antaranya:
- Mudah digunakan
- Scalable
- Memiliki fitur add-on yang lengkap
- Support banyak bahasa pemrograman
3. Apa itu Node.js?
Node.js adalah framework Javascript yang digunakan untuk membangun aplikasi web.
Kesimpulan
Dalam tutorial ini, kami telah membahas cara membuat website sederhana di Heroku. Kami mulai dengan langkah-langkah persiapan awal, seperti membuat akun Heroku, menginstal perangkat lunak yang diperlukan, dan memulai proyek Node.js. Selanjutnya, kami membahas cara mendeploy aplikasi di Heroku menggunakan git push. Dengan mengikuti langkah-langkah di atas, Anda sudah bisa membuat website sederhana dan mendeploynya di Heroku. Semoga bermanfaat dan sampai jumpa di artikel menarik lainnya.