Web Flask (Python)

---

Apa Itu Python Flask? Kenapa Menggunakan Flask

Flask adalah micro framework web dengan bahasa pemrograman Python. Flask menjadi sangat populer karena simpel tidak membutuhkan terlalu banyak library dan tool. Aplikasi web yang menggunakan Flask antara lain adalah Pinterest, LinkedIn, dan halaman web komunitas situs Flask itu sendiri.

Flask mendukung python sebagai bahasa pemrograman yang sangat unggul dalam pengolahan Machine Learning dan Data Science dengan library yang sangat lengkap untuk pengolahan data, misalnya Pandas, Numpy, Sklearn, TensorFlow, Matplotlib dan sebagainya.

Semua keunggulan library Python dapat dibuat dalam bentuk web dengan pemrograman Flask. ContohProgram.com menyediakan pelatihan dan source code Python dan Database MySQL untuk membuat Aplikasi Web, Sistem Pakar, Sistem Pendukung Keputusan dan Sistem Cerdas lain.

Instalasi Flask & Python

---

Cara Menginstall Python di Windows

Download Python dari website http://python.org. Pilih Installer Python versi 3, karena versi 2 sudah tidak didukung lagi oleh sebagian besar library.

Ada satu langkah dalam proses instalasi yang sangat penting, yaitu pilih "Custom Installation" dan memastikan aktifkan opsi "Add Python to PATH". Karena langkah ini yang bisa membuat perintah Python dapat dijalankan secara langsung di perintah Command Prompt (DOS). Selain langkah itu cukup pilih opsi yang diinginkan dan klik Next, Next dan Next sampai selesai.

Untuk mengetes apakah instalasi Python sudah berhasil dilakukan, buka Command Prompt DOS, dengan cara klik Start Ketik "cmd", kemudian klik. Pada perintah Command Prompt ketikkan "python". Jika muncul tampilan seperti ini, berarti instalasi telah berhasil.

Cara Menginstall Flask.

Untuk menginstall Flask pada Python di Windows, buka Command Prompt DOS. Klik Start, ketik cmd, klik :

Kemudian ketik :

pip install flask

Tunggu module Flask terinstall sampai selesai

Pemrograman Flask

---

Membuat Aplikasi Pertama Web Hello World Flask Python

Buat file baru dengan nama hello-world-flask.py. Buka file tersebut dengan editor python, misalnya IDLE yang sudah terinstall bersama dengan Python. Klik kanan file, pilih edit with IDLE. Ketikkan kode program berikut ini kemudian simpan :

from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
    return "Hello World!"
    
if __name__ == "__main__":
    app.run()

Kemudian masuk ke DOS / Command Prompt, klik Start, ketik cmd:

Microsoft Windows [Version 10.0.18362.1016]
(c) 2019 Microsoft Corporation. All rights reserved.

C:\WINDOWS\system32>

Arahkan ke direktori file script python berada:

C:\WINDOWS\system32>E:

E:\>cd Python

Kemudian ketikkan perintah "python hello-world-flask.py" :

E:\Python>python hello-world-flask.py
 * Serving Flask app "hello-world-flask" (lazy loading)
 * Environment: production
   WARNING: Do not use the development server in a production environment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

Selesai, hasilnya bisa dilihat dari browser dengan url http://localhost:5000/ :

Untuk menghentikan aplikasi, tekan Ctrl+C.

Pemrograman Flask dan Database MySQL

---

Membuat Aplikasi Koneksi Flask Python dengan Database MySQL

Untuk menginstall Flask pada Python di Windows, buka Command Prompt DOS. Klik Start, ketik cmd, klik :

Kemudian ketik :

pip install pymysql

Tunggu module PyMySQL terinstall sampai selesai

Buat direktori baru dengan nama crud-flask-mysql. Kemudian di dalamnya buat file baru dengan nama app.py. Buka file tersebut dengan editor python, misalnya IDLE yang sudah terinstall bersama dengan Python. Klik kanan file, pilih edit with IDLE. Ketikkan kode program berikut ini kemudian simpan :

from flask import Flask, flash, render_template, redirect, url_for, request, session
from db import * 

appflask = Flask(__name__)

@appflask.route("/")
def hello():
    return "<h1 style='color:blue'>Hello World ContohProgram!</h1>"

from routes.users import *
from routes.api.users import *

if __name__ == "__main__":
    appflask.run(host='0.0.0.0', port=5000)

Kemudian buat lagi file baru dengan nama db.py. Buka file tersebut dengan editor python. Ketikkan kode program berikut ini untuk membuat setting koneksi ke database MySQL, kemudian simpan :

import pymysql
def dbconnect():
    return pymysql.connect("localhost","root","","test")

Selanjutnya buat direktori crud-flask-mysql/routes di dalam direktori project crud-flask-mysql. Di dalamnya buat file kosong dengan nama crud-flask-mysql/routes/__init__.py, file ini harus ada di dalam direktori package Python. Kemudian buat file baru lagi dengan nama crud-flask-mysql/routes/users.py. Buka file tersebut dengan editor python. Ketikkan kode program berikut ini untuk membuat program yang akan mengatur apa yang ditampilkan pada url '/users/', kemudian simpan :

from flask import render_template
from app import appflask
from db import *

@appflask.route("/users")
def listusers():
    conn = dbconnect()
    results = []
    try:
        cursor = conn.cursor()
        cursor.execute("SELECT * FROM users")
        results = cursor.fetchall()
    except:
        results = []
    finally:
        conn.close()
    return str(results)

Kemudian masuk ke DOS / Command Prompt, klik Start, ketik cmd:

Microsoft Windows [Version 10.0.18362.1016]
(c) 2019 Microsoft Corporation. All rights reserved.

C:\WINDOWS\system32>

Arahkan ke direktori file script python berada:

C:\WINDOWS\system32>E:

E:\>cd Python\Flask\crud-flask-mysql\

Kemudian ketikkan perintah "python app.py" :

E:\Python\Flask\crud-flask-mysql>python app.py
 * Serving Flask app "app" (lazy loading)
 * Environment: production
   WARNING: Do not use the development server in a production environment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://0.0.0.0:5000/ (Press CTRL+C to quit)

Selesai, hasilnya bisa dilihat dari browser dengan url http://localhost:5000/users :

Untuk menghentikan aplikasi, tekan Ctrl+C.

Aplikasi Web Flask Service Rest JSON API

---

Membuat Service Rest JSON API dengan Web Flask Python

Untuk menambahkan Service Rest JSON API tinggal menambahkan direktori api pada lokasi crud-flask-mysql/routes/api. Di dalamnya buat file kosong dengan nama crud-flask-mysql/routes/api/__init__.py, file ini harus ada di dalam direktori package Python. Kemudian di dalamnya dibuat lagi file baru dengan nama crud-flask-mysql/routes/api/users.py. Buka file tersebut dengan editor python. Ketikkan kode program berikut ini untuk membuat program yang akan mengatur apa yang ditampilkan pada url '/api/users/', kemudian simpan :

from flask import jsonify
from app import appflask
from db import *

@appflask.route("/api/users")
def apiusers():
    conn = dbconnect()
    results = []
    try:
        cursor = conn.cursor()
        cursor.execute("SELECT * FROM users")
        results = cursor.fetchall()
    except:
        results = []
    finally:
        conn.close()
    arrayjson = []
    for row in results:
        arrayjson.append({
            'id': row[0],
            'name': row[1],
            'email': row[2]
        })
    #print(str(arrayjson))
    return jsonify(arrayjson)

Kemudian masuk ke DOS / Command Prompt, klik Start, ketik cmd:

Microsoft Windows [Version 10.0.18362.1016]
(c) 2019 Microsoft Corporation. All rights reserved.

C:\WINDOWS\system32>

Arahkan ke direktori file script python berada:

C:\WINDOWS\system32>E:

E:\>cd Python\Flask\crud-flask-mysql\

Kemudian ketikkan perintah "python app.py" :

E:\Python\Flask\crud-flask-mysql>python app.py
 * Serving Flask app "app" (lazy loading)
 * Environment: production
   WARNING: Do not use the development server in a production environment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://0.0.0.0:5000/ (Press CTRL+C to quit)

Selesai, hasilnya bisa dilihat dari browser dengan url http://localhost:5000/api/users :

Untuk menghentikan aplikasi, tekan Ctrl+C.

Web Flask dengan Template HTML dan MySQL

---

Membuat Web Flask dengan Template HTML Jinja dan Database MySQL

Untuk menambahkan template HTML agar lebih mudah membuat tampilan, tinggal menambahkan direktori templates untuk meletakkan HTML dan direktori static untuk meletakkan Javascript dan CSS, pada lokasi crud-flask-mysql/templates dan crud-flask-mysql/static. Kemudian di dalam direktori templates dibuat lagi folder crud-flask-mysql/templates/users. Buat file baru di dalamnya dengan nama crud-flask-mysql/templates/users/index.html. Buka file tersebut dengan editor. Ketikkan kode program berikut ini untuk membuat tampilan dari url '/users' dan menampilkan variabel yang dikirim dari kode program flask python, kemudian simpan :

<html>
	<body>
		{{ results|safe }}
	</body>
</html>

Setelah itu buka lagi file dengan nama crud-flask-mysql/routes/users.py. Buka file tersebut dengan editor python. Ubah kode program seperti ini untuk mengubah tampilan pada url '/users/' agar menggunakan render template html, kemudian simpan :

from flask import render_template
from app import appflask
from db import *

@appflask.route("/users")
def listusers():
    conn = dbconnect()
    results = []
    try:
        cursor = conn.cursor()
        cursor.execute("SELECT * FROM users")
        results = cursor.fetchall()
    except:
        results = []
    finally:
        conn.close()
    #return str(results)
    return render_template('users/index.html', results=results)

Kemudian masuk ke DOS / Command Prompt, klik Start, ketik cmd:

Microsoft Windows [Version 10.0.18362.1016]
(c) 2019 Microsoft Corporation. All rights reserved.

C:\WINDOWS\system32>

Arahkan ke direktori file script python berada:

C:\WINDOWS\system32>E:

E:\>cd Python\Flask\crud-flask-mysql\

Kemudian ketikkan perintah "python app.py" :

E:\Python\Flask\crud-flask-mysql>python app.py
 * Serving Flask app "app" (lazy loading)
 * Environment: production
   WARNING: Do not use the development server in a production environment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://0.0.0.0:5000/ (Press CTRL+C to quit)

Selesai, hasilnya bisa dilihat dari browser dengan url http://localhost:5000/users :

Untuk menghentikan aplikasi, tekan Ctrl+C.