Pada postingan sebelumnya kita telah membahas bagaimana cara install framework flask python di virtual studio code. Kali ini kita akan belajar untuk mnegaktifkan mode bug pada flask, agar pada saat kita membuka localhost:5000 pada webbrowser kita dapat melakukan refresh dan akan muncul tampilan sesuai yang kita inginkan tanpa harus mematikan flasknya terlebih dahulu atau ctrl+c pada visual studio code (update otomatis).
Pertama yang harus kita lakukan adalah masuk dan aktifkan virtual environtment webku kemudian buat file baru dengan nama app.py (.py adalah ekstensi untuk python).
Oke dari gambar diatas kita sudah membuat file app.py baru didalam folder webku. Tinggal mengaktifkan VE pada webku. Dengan mengetikkan perintah "scripts\activate", Maka VE webku akan aktif.
app=Flask(__name__)
@app.route("/")
def index():
return "python and framework flask is the simple and easy coding"
if __name__=="__main__"
from app import app
app.run()
Setelah selesai mengetikan code diatas kemudian simpan. Lalu pada terminal krtikan perintah "python app.py"
Berhasil flask yang telah diinstall berhasil menjalankan app.py, kemudian buka web browser lalu masukan alamat ini http://127.0.0.1:5000/ atau localhost:5000 pada URL webbrowser. Kenapa harus localhost:5000 (atau localhost dengan port 5000) ?? karena dari default nya adalah port 5000. Hasilnya adalah.
Oke kita telah berhasil membuat lokalhostnya menampilkan apa yang telah kita input pada file app.py. Bagaimana jika kita ingin mengganti tampilanya? kita harus menonaktifkan dahulu "python app.py" yang sedang running diterminal dengan cara ctrl+c lalu masuk lagi kedalam file app.py dan mengubahnya kemudian save lagi baru jalankan lagi "python app.py". Contohnya kita akan mengubah tulisannya berbeda dengan tampilan sebelummnya menjadi "Hello python !".
Codenya kita ubahdibagian return yang tadinya berisi "python and framework flask is the simple and easy coding" menjadi "Hello python!".
return "Hello python!"
Kemudian save lalu jalankan lagi app.py pada terminal kemudian masuk keweb browser dan refresh maka tampilannya akan berubah.
Baca juga : Menambahkan Plugin Pada Visual Studio Code
Langkah ini kurang simpel karena harus menonaktifkan dan mengaktifkan lagi app.py setiap kita akan mengeditnya lalu baru bisa refresh tampilan pada webbrowser. Untuk menangani ini kita bisa membuatnya lebih simpel yaitu bagaimana kita mengedit file app.py dan kemudian refresh tampilan webbrowser maka tampilan web browser akan update otomatis mengikuti inputan terbaru yang kita input pada file app.py tanpa haru menonaktifkan dan mengaktifkan aap.py di terminal. Caranya adalah dengan mengaktifkan mode debug.
Dari gambar diatas terlihat bahwa pada saat menjalankan file app.py status debig mode nya adalah off. Kita akan mengaktifkannya dengan cara :
1. Pada app.py kita edit code bagian app.run()
Dari gambar diatas terlihat bahwa mode debugnya sudah on. Kita bisa merubah tampilan teks nya tanpa harus menonaktifkan dan mengaktifkan ulang file app.py nya. Tinggal edit file app.py kemudian save lalu refresh web browser maka akan otomatis yang tampil adalah inputan terbaru kita.
Sukses, Kita bisa mengaktifkan mode debug dan memudahkan kita dalam mengedit tampilan localhost secara otomatis.
Sekian postingan kali ini semoga bermanfaat dan menambah wawasan. Terimaksih
