Tutorial Python Web Server #4: Mengatur Rute (Routing) Banyak Halaman

Assalamualaikum Wr, Wb Kawan-kawan semua! Di tutorial nomor #3 kemarin, kita udah sukses besar ngejalakin server Flask pertama kita dan nampilin tulisan "Hello World" di browser. Mantap banget, kan?

Nah, sekarang kita lanjut ke tahap basic berikutnya. Masa iya website server kita cuma bisa nampilin satu halaman utama doang? Gimana kalau kita mau bikin halaman lain, contohnya halaman profil (About) atau halaman kontak (Contact)?

Tenang, kita gak perlu bikin folder baru atau file tambahan yang ribet, bro. Kita cukup menambah beberapa baris kodingan pendek di dalam file app.py yang kemarin kita buat. Yuk, langsung kita praktikkan cara basic-nya!

---

🛠️ Langkah 1: Modifikasi File app.py Kemarin

Sekarang, buka kembali file kodingan app.py yang ada di folder C:\PythonWebServer menggunakan text editor andalan kalian.

Hapus semua kode lama, lalu ganti dengan kode baru di bawah ini. Di sini gua menambahkan dua rute halaman baru, yaitu /about dan /contact:

from flask import Flask
app = Flask(__name__)

# 1. Ini halaman utama (Homepage) yang kemarin
@app.route('/')
def hello_world():
    return 'Hello World! Ini Halaman Utama Web Server Gua, Bro!'

# 2. Ini rute baru untuk halaman About
@app.route('/about')
def halaman_about():
    return 'Ini Halaman About! Gua adalah seorang mahasiswa IT UNPAM yang lagi belajar Python.'

# 3. Ini rute baru untuk halaman Contact
@app.route('/contact')
def halaman_contact():
    return 'Ini Halaman Contact! Hubungi gua lewat email atau DM sosmed ya, kawan.'

if __name__ == '__main__':
    app.run(debug=True)

Gak banyak berubah, kan? Polanya sama persis kayak kemarin, kita cuma copas fungsi @app.route() lalu ganti nama alamat dan isi teks return-nya aja. Jangan lupa di-save (CTRL+S)!

---

🚀 Langkah 2: Jalankan Server & Uji Coba Pindah Halaman

Yuk, buka jendela CMD kalian lagi, pastikan virtual environment (envku) masih aktif, lalu ketik perintah seperti biasa buat menghidupkan servernya:

python app.py

Kalau servernya udah jalan, sekarang buka browser kalian dan coba tes ketik 3 alamat URL ini secara bergantian di bilah browser, bro:

1. Halaman Utama: Ketik http://127.0.0.1:5000/ -> Isinya teks halaman utama.
2. Halaman About: Ketik http://127.0.0.1:5000/about -> Otomatis teksnya berubah jadi halaman profil lu!
3. Halaman Contact: Ketik http://127.0.0.1:5000/contact -> Otomatis nampilin teks halaman kontak!

Gokil dan simpel banget, kan? Cuma modal satu file app.py aja, server Flask kita sekarang udah pintar dan bisa membedakan teks mana yang harus keluar sesuai alamat URL yang diketik pengunjung.

---

Kesimpulan

Inti dari tutorial kali ini adalah memahami cara kerja rute dasar di Flask. Kita gak butuh sistem yang ribet dulu, yang penting kita tahu kalau fungsi @app.route('/nama-halaman') itu gunanya buat bikin jalan/navigasi baru di server kita.

Di materi kelanjutannya (Tutorial Python Web Server #5), baru deh kita bakal pelajari gimana caranya biar teks ini gak polosan hitam putih lagi, tapi bisa memanggil file tampilan web yang sesungguhnya.

Kalau pas lu coba pindah halaman ke /about tapi malah dapet eror "404 Not Found", coba cek lagi ketikan garis miringnya di kodingan lu ya, bro. Atau langsung aja tanyain di Kolom Komentar bawah. Mari kita bahas santai!

Wassalam.

Berbagi :