Membangun Aplikasi Web dengan Flask: Panduan Langkah Demi Langkah

Kenapa Flask?

Flask adalah framework micro web yang ditulis dalam Python. Sederhana, ringan, dan fleksibel, Flask sangat cocok bagi para pemula maupun pengembang berpengalaman. Pribadi, saya sangat menyukai Flask karena kemudahannya dalam membangun aplikasi web yang cepat dan efisien.

Langkah 1: Instalasi Flask

Langkah pertama dalam membangun aplikasi web dengan Flask adalah menginstalnya. Pastikan Anda memiliki Python dan pip terinstal di sistem Anda. Jika belum, Anda bisa mengunduhnya di sini.

pip install Flask

Setelah berhasil terinstal, Anda bisa memverifikasi instalasinya dengan menjalankan perintah berikut.

flask --version

Instalasi Flask

Langkah 2: Set Up Project Structure

Setelah Flask terinstal, kita perlu menyiapkan struktur folder untuk proyek kita. Biasanya, proyek akan memiliki file-file berikut:

app.py: file utama untuk aplikasi Flask kita.
templates/: folder yang berisi file HTML.
static/: di sini kita bisa menyimpan file CSS dan JavaScript.

Berikut adalah struktur folder yang disarankan:

your_project/
 ├── app.py
 ├── templates/
 │   └── index.html
 └── static/
     ├── style.css
     └── script.js

Langkah 3: Membuat Aplikasi Hello World

Kita akan mulai dengan aplikasi sederhana yang menampilkan ‘Hello, World!’. Edit file app.py dan tambahkan kode berikut:

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return 'Hello, World!'

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

Hello World Flask

Setelah menambahkan kode di atas, Anda dapat menjalankan aplikasi tersebut dengan perintah:

python app.py

Dan membuka browser Anda dengan menuju http://127.0.0.1:5000/. Anda seharusnya melihat teks ‘Hello, World!’.

Langkah 4: Menambahkan Template

Sekarang kita akan menggunakan template untuk membuat halaman lebih menarik. Buat file index.html di dalam folder templates dengan konten berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to Flask</title>
    <link rel="stylesheet" href="/static/style.css">
</head>
<body>
    <h1>Hello from Flask!</h1>
</body>
</html>

Selanjutnya, ubah fungsi home() di app.py untuk merender template ini:

from flask import render_template

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

Template Flask

Langkah 5: Menjalankan Aplikasi

Dengan seluruh pengaturan selesai, Anda dapat menjalankan aplikasi Flask Anda sekali lagi. Kunjungi http://127.0.0.1:5000/ dan lihat perubahan yang telah kita buat!

Kesimpulan

Membangun aplikasi web dengan Flask sangatlah mudah dan menyenangkan! Dari aplikasi sederhana ‘Hello, World!’ hingga aplikasi yang lebih kompleks, Flask menyediakan semua yang Anda butuhkan. Teruslah belajar dan eksplorasi lebih banyak fitur Flask dan jangan ragu untuk berbagi pembelajaran Anda dengan orang lain!

Untuk lebih mendalami Flask, Anda bisa merujuk ke dokumentasi resmi Flask.