Membangun Aplikasi Web dengan Flask: Panduan Langkah demi Langkah

Kenapa Flask?

Selamat datang di dunia pengembangan aplikasi web! Hari ini, kita akan menyelami salah satu framework Python yang sangat populer, Flask. Flask adalah kerangka kerja micro web yang ringan dan mudah digunakan. Ketika saya pertama kali menjelajahi Flask, saya merasa terpesona oleh kesederhanaan dan kecepatan dalam membangun aplikasi web. Dalam tutorial ini, saya akan membimbing Anda langkah demi langkah untuk membangun aplikasi web sederhana menggunakan Flask.

Persyaratan Awal

  • Python versi 3.6 atau lebih baru
  • Pip (package manager untuk Python)

Pastikan Anda sudah menginstal kedua hal ini di komputer Anda. Jika belum, Anda bisa mengunduhnya dari situs resmi Python.

Pemasangan Flask

Untuk menginstal Flask, buka terminal atau command prompt dan jalankan perintah berikut:

pip install Flask

Setelah instalasi selesai, Anda siap untuk mulai membangun aplikasi web!

Langkah Pertama: Membuat Struktur Proyek

Buat folder baru untuk proyek Anda. Di dalam folder tersebut, buat dua file: app.py dan templates/index.html. Folder harus terlihat seperti ini:

  • your_project/
    • app.py
    • templates/
      • index.html

Menulis Kode Flask

Di dalam file app.py, kita akan menulis beberapa kode untuk aplikasi web sederhana kita. Berikut adalah contoh kode awal:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')

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

Dalam kode di atas, kita membuat instance dari Flask, mendefinisikan route untuk halaman utama, dan menjalankan aplikasi.

Membuat Halaman HTML

Buka file index.html di dalam folder templates dan tambahkan kode HTML berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aplikasi Flask</title>
</head>
<body>
    <h1>Halo, Flask!</h1>
    <p>Ini adalah aplikasi web pertama saya menggunakan Flask.</p>
</body>
</html>

Ini adalah tampilan sederhana yang akan ditampilkan saat kita mengakses homepage.

Menjalankan Aplikasi

Sekarang, saatnya untuk menjalankan aplikasi! Kembali ke terminal, navigasikan ke direktori projek dan jalankan:

python app.py

Anda akan melihat output di terminal memberi tahu bahwa server berjalan. Buka browser Anda dan pergi ke http://127.0.0.1:5000/. Jika semua berjalan lancar, Anda akan melihat halaman yang Anda buat!

Kesimpulan

Membangun aplikasi web dengan Flask adalah pengalaman yang menyenangkan dan mudah. Anda telah berhasil membuat aplikasi web sederhana hanya dalam beberapa langkah. Jangan berhenti di sini! Jelajahi lebih jauh dengan menambahkan lebih banyak fitur, seperti formulir, routing dinamis, dan interaksi database.

Teruslah belajar dan jangan ragu untuk bereksperimen! Untuk lebih banyak informasi, Anda dapat mengunjungi dokumentasi resmi Flask.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *