{"id":1053,"date":"2022-10-31T07:05:11","date_gmt":"2022-10-31T07:05:11","guid":{"rendered":"https:\/\/unydevelopernetwork.com\/?p=1053"},"modified":"2022-11-02T04:59:14","modified_gmt":"2022-11-02T04:59:14","slug":"menginstall-dan-mengonfigurasi-flask-di-environment-linux-ubuntu","status":"publish","type":"post","link":"https:\/\/unydevelopernetwork.com\/index.php\/2022\/10\/31\/menginstall-dan-mengonfigurasi-flask-di-environment-linux-ubuntu\/","title":{"rendered":"Menginstall dan Mengonfigurasi Flask di Environment Linux (Ubuntu)"},"content":{"rendered":"Reading Time: <\/span> 5<\/span> minutes<\/span><\/span>\n

Selamat datang di UNYDeveloperNetwork. Flask adalah salah satu framework aplikasi web popular yang ditulis dalam bahasa Python. Selain itu, flask juga merupakan microframework yang didesain mudah dan cepat dikonfigurasi untuk daat segera digunakan. Bahkan, dengan menggunakan Flask, tentu saja membuka jalan bagi pengembang aplikasi Python untuk mengembangkan interface web dengan mudah dan cepat tanpa harus berganti bahasa pemrograman. Di postingan kali ini, kita akan belajar bersama bagaimana cara menginstall dan mengonfigurasi dengan mudah, cepat, dan aman di environment Linux (Ubuntu) sehingga dapat langsung digunakan dan diakses dengan menggunakan web browser. Mari kita simak artikel ini secara seksama. <\/p>\n\n\n\n\n\n\n\n

Untuk dapat menginstall Flask, kita tentu saja membutuhkan Python<\/strong>. Ya, karena Flask itu bertujuan untuk “membuat jembatan” antara Python dan dunia web, sehingga kita membutuhkan Python. Pada artikel ini, Saya menggunakan Python versi 3.10.6 di Ubuntu 22.04.1 LTS.<\/p>\n\n\n

\n
\"\"
Versi Python dan Versi Linux (Ubuntu) yang digunakan<\/figcaption><\/figure>\n<\/div>\n\n\n

Selanjutnya kita akan melakukan beberapa prosedur yang harus dilakukan secara urut. Hal ini perlu dilakukan supaya konfigurasi pada Flask yang kita akan diinstal menjadi semakin mudah dan cepat. <\/p>\n\n\n\n

Langkah 1. Menginstal Virtual Environment (venv)<\/strong><\/p>\n\n\n\n

Mengapa kita perlu menginstal virtual environment? Mari kita gambarkan begini: Python terinstal di sebuah sistem operasi dan siapa saja dapat menggunakannya. Bahkan siapa saja dapat menginstall library yang dibutuhkan. Bayangkan, ada 3 project yang membutuhkan library yang berbeda dengan versi yang berbeda pula. Apa yang terjadi jika tidak dibuat blok virtual? tentu saja library yang diinstal akan menyebabkan konflik kan? Dan tentu saja hal tersebut tidak diinginkan oleh masing-masing programmer. Oleh karena, untuk menginstal dan menjalankan Flask ini, kita akan menginstal virtual environment terlebih dahulu. Bagaimana caranya? Ketikkan perintah berikut untuk menginstal virtual environment.<\/p>\n\n\n\n

sudo apt install python3-virtualenv<\/code><\/pre>\n\n\n
\n
\"\"
Proses menginstall Virtual Environment (venv)<\/figcaption><\/figure>\n<\/div>\n\n\n
Langkah 2. Membuat Environment<\/strong><\/p>\n\n\n\n
Setelah selesai menginstal virtual environment, langkah selanjutnya adalah membuat “kamar” atau dalam bahasa kerennya “environment”. Untuk itu, pertama, kita navigasikan terlebih dahulu ke tempat yang akan kita gunakan untuk environment project kita. Dalam contoh ini, saya ingin membuat project flask di dalam directory \/home\/user\/Documents<\/strong>. Sehingga saya mengetikkan perintah:<\/p>\n\n\n\n
cd Documents<\/code><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Setelah itu, saya akan membuat sebuah direktori dengan nama MyFlaskApp<\/strong> dan masuk ke dalam direktori yang sudah dibuat tersebut<\/p>\n\n\n\n
mkdir MyFlaskApp\ncd MyFlaskApp<\/code><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Selanjutnya ketikkan perintah berikut untuk membuat Environment<\/p>\n\n\n\n
python3 -m venv <nama environment><\/code><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Pada contoh di atas saya membuat environment dengan nama MyFlaskApp<\/strong><\/p>\n\n\n\n
python3 -m venv MyFlaskApp<\/code><\/pre>\n\n\n\n
Selanjutnya, kita cek apakah environment yang kita buat sudah tersedia di dalam direktori project dengan perintah ls<\/strong><\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Tampak pada tangkapan layar di atas, environment MyFlaskApp sudah berhasil dibuat.<\/p>\n\n\n\n
Langkah 3. Aktifkan Environment<\/strong><\/p>\n\n\n\n
Setelah environment dibuat, lantas langkah selanjutnya apa? Tentu saja kita aktifkan ya! Untuk mengaktfikan ketikkan perintah berikut ini<\/p>\n\n\n\n
. <nama environment>\/bin\/activate<\/code><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Pada contoh di atas, karena nama virtual environment saya MyFlaskApp<\/strong> maka perintah saya adalah<\/p>\n\n\n\n
. MyFlaskApp\/bin\/activate<\/code><\/pre>\n\n\n\n
Langkah 4. Menginstal Flask<\/strong><\/p>\n\n\n\n
Setelah environment aktif, langkah selanjutnya adalah menginstal flask. Untuk menginstal flask gunakan perintah berikut ini.<\/p>\n\n\n\n
pip3 install Flask<\/code><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Secara otomatis, Python Package Manager akan menginstal Flask ke dalam library di dalam environment kita.<\/p>\n\n\n\n
Langkah 5. Buat Kode Sederhana Untuk Flask<\/strong><\/p>\n\n\n\n
Langkah berikutnya adalah membuat kode sederhana untuk Flask. Contoh berikut adalah script Python untuk Flask dengan tiga routing:<\/p>\n\n\n\n
from flask import Flask\napp = Flask(__name__)\n\n@app.route('\/')\ndef index():\n        return 'Welcome to my first FlaskApp'\n\n@app.route('\/second')\ndef second():\n        return 'This is my second page of my first FlaskApp'\n\n@app.route('\/third')\ndef third():\n        return 'This is my third page of my first FlaskApp'<\/code><\/pre>\n\n\n\n
Sekarang mari kita cek folder Flask kita sekali lagi. Seharusnya sekarang sudah ada satu folder virtual environment dan satu file python flask kita.<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Langkah 6. Jalankan Flask!<\/strong><\/p>\n\n\n\n
Saatnya kita menjalankan aplikasi Flask kita. Pertama kita harus mengexport script python yang akan kita gunakan sebagai Flask. Gunakan perintah berikut untuk melakukannya:<\/p>\n\n\n\n
export FLASK_APP=<nama file script python>.py<\/code><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Contoh di atas menggunakan file script python yang saya buat dengan nama myfirstflask.py<\/strong>. Oleh karena itu saya menggunakan perintah<\/p>\n\n\n\n
export FLASK_APP=myfirstflask.py<\/code><\/pre>\n\n\n\n
Langkah 7. Run Service dan Uji Coba<\/strong><\/p>\n\n\n\n
Langkah terakhir adalah run service Flask dan uji coba apakah instalasi dan konfigurasi Flask kita berhasil. Untuk menjalankan service Flask gunakan perintah:<\/p>\n\n\n\n
flask run<\/code><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Kita dapat melihat IP lokal yang tercetak pada terminal. Mari kita coba di browser kita. Ketikkan IP address yang tercetak pada terminal beserta portnya.<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Mari kita coba untuk second pagenya<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Dan terakhir, the third page.<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Ya! ternyata kita berhasil mengeksekusinya. Sekarang timbul pertanyaan, apakah Flask kita bisa diakses dari luar?<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Yah… \ud83d\ude41 ternyata tidak bisa ya…. Lantas bagaimana caranya supaya aplikasi Flask kita bisa dipanggil dari luar? berikut caranya<\/p>\n\n\n\n
Jalankan Flask dengan Host 0.0.0.0<\/strong><\/p>\n\n\n\n
Caranya adalah dengan menjalankan Flask dengan host 0.0.0.0. Untuk melakukannya ketikkan perintah berikut ini.<\/p>\n\n\n\n
flask run --host=0.0.0.0<\/code><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Sekarang kita bisa melihat bahwa Flask memprovide alamat IP yang dapat kita akses dari luar. Mari kita cek…. ^_^<\/p>\n\n\n
\n
\"\"
Halaman Index<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Halaman Kedua<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Halaman Ketiga<\/figcaption><\/figure>\n<\/div>\n\n\n
Bagaimanakah jika dijalankan dari platform yang berbeda? Misal Smartphone. Mari kita cek. Dalam uji coba ini saya menggunakan Google Pixel 3A XL.<\/p>\n\n\n
\n
\"\"
Halaman Index<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Second Page<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
Third Page<\/figcaption><\/figure>\n<\/div>\n\n\n
Dari hasil uji coba yang dilakukan, dapat kita perhatikan dengan seksama bawah aplikasi Flask kita dapat diakses dari platform lain (dalam hal ini smartphone).<\/p>\n\n\n\n
\n\n\n\n
Baiklah, demikian postingan saya tentang Menginstall dan Mengonfigurasi Flask di Environment Linux (Ubuntu)<\/strong>. Semoga bermanfaat bagi Anda para pembaca. Apabila ada pertanyaan mengenai postingan ini, Anda dapat meninggalkannya di kolom komentar. Dan, Apabila Anda menemukan artikel ini berguna, Anda dapat membagikannya. Anda juga dapat mencuplik beberapa bagian dari artikel ini, namun jangan lupa untuk sertakan URL nya. Terima kasih.<\/p>\n\n\n\n
^_^<\/h2>\n","protected":false},"excerpt":{"rendered":"
Reading Time: <\/span>  5<\/span> minutes<\/span><\/span>Selamat datang di UNYDeveloperNetwork. Flask adalah salah satu framework aplikasi web popular yang ditulis dalam bahasa Python. Selain itu, flask juga merupakan microframework yang didesain mudah dan cepat dikonfigurasi untuk daat segera…<\/p>\n","protected":false},"author":1,"featured_media":1074,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[27,69],"tags":[322,25,325,321,33,324,326,323],"class_list":["post-1053","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-development","category-umum-software-development","tag-flask","tag-python","tag-server","tag-software-development","tag-software-engineering","tag-ubuntu","tag-ufw","tag-web-development"],"featured_image_src":"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2022\/10\/image-27.png","author_info":{"display_name":"Muhammad Irfan Luthfi","author_link":"https:\/\/unydevelopernetwork.com\/index.php\/author\/admin\/"},"jetpack_featured_media_url":"https:\/\/unydevelopernetwork.com\/wp-content\/uploads\/2022\/10\/image-27.png","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/1053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/comments?post=1053"}],"version-history":[{"count":2,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/1053\/revisions"}],"predecessor-version":[{"id":1083,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/posts\/1053\/revisions\/1083"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/media\/1074"}],"wp:attachment":[{"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/media?parent=1053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/categories?post=1053"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unydevelopernetwork.com\/index.php\/wp-json\/wp\/v2\/tags?post=1053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}