Perkenalan Flask dan melakukan konfigurasi awal

       Flask adalah sebuah web app framework. Apa itu Framework? Framework adalah sebuah kode library yang berisi tools dan lainnya yang mana framework dapat membuat pekerjaan developer menjadi lebih mudah, yaitu memberikan kode atau ekstensi yang dapat digunakan kembali untuk operasi umum. Ada beberapa framework di python, termasuk Flask, Django, Tornado dan Pyramid. Sering kali seorang programer pemula selalu mepermasalahkan dan membandingkan mana yang lebih baik, padahal apapun framework yang digunakan tidak akan merubah hasil akhir dari pekerjaan kita ya karna tolak ukurnya bukan di framework tapi di skill masing-masing.

       Pada tahap pembejalaran flask kali ini saya akan menyebutkan langkah-langkah apa saja yang akan kita lakukan pada flask tutorial seris ini. 

⦁ Login dan register
⦁ User dapat membuat, mengedit dan menghapus postingan dan komen
⦁ User dapat mengupload foto menghapus foto 
⦁ Applikasi dapat megirim email 
⦁ Membuat Panel admin


Konfigurasi dan install Flask

Seperti kebanyakan python library Flask juga tersedia di pip. Langkah pertama membuat forlder flask "Tidak harus bernama flask apa saja yang penting membuat folder" selanjutnya kita akan membuat python virtual environment dan menginstall flask setelah menginstall flask hal yang kita butuhkan adalah membuat aplikasi flask kita bisa berkomunikasi dengan sql yaitu dengan menginstall flask-sqlalchemy berikut adalah langkah yang saya lakukan apabila menggunkan command line atau cmd:

Windows cmd:



Linux bash


Terkadang Kita menjalakan aplikasi web kita di sistem operasi yang berbeda dan kita tidak tau library apa saja yang sedang kita gunakan di aplikasi. Nah untuk mengahandle, cara terbaik adalah dengan menambakan requirements.txt ke dalam project root kita dengan menggunakan pip.

Sekarang mari kita berbicara tentang app.py pada aplikasi kita yang mana kita akan membuat object app ini adalah turunan dari Flask object dan akan menjadi pusat konfigurasi dari semua aplikasi. object app juga digunakan untuk konfigurasi database dan lainnya. Kode dibawah akan mejelaskan apa yang saya maksut

Code diatas saya tidak menambahkan app.route karena aplikasi akan menggunakan blueprint. Berikut alasan mengapa saya mengunakan blueprint untuk aplikasi ini:

⦁ Sangat ideal untuk aplikasi yang besar
⦁ Registrasi blueprint dapat dilakukan berkali-kali dengan aturan yang berbeda
⦁ Dapat memfilter folder static dan template tanpa harus menambkan fungsi
⦁ Membuat URL defaul

Tahan selanjutnya membuat folder bernama src dan menambahkan file __init__.py kedalam folder src. Lalu kita akan membuat object bernama views ini merupakan turunan kelas dari Blueprint 

setelah selesi kita harus melakukan registrasi ke app.py dengan cara seperti kode dibawah

Continue Reading →

Cara menggunakan json pada python flask

    Menurut Wikipedia json adalah singkatan dari Javascript Object Nonation, adalah suatu format ringkas pertukaran data komputer. Formatnya berbasis teks dan terbaca-manusia serta digunakan untuk merepresentasikan struktur data sederhana dan larik asosiatif. Dan penggunaannya json di flask cukup mudah, tidak ada library tambahan atau yang lainnya cukup terinstall flask saja.

Step pertama
    Seperti applikasi flask seperti biasa kita harus membuat 2 folder yaitu templates dan static. Buat file bernama __init__.py (nama file bebas sesuai keinginan kalian) pada root folder applikasi flask.

Contoh code.

   Setelah selesai pada python sekarang kita buat file html yang kita gunakan untuk merequest data dengan javascipt. Buat file index.html pada folder templates.
Contoh code:


step kedua
   Setelah selesai saatnya menjalankan code dengan menggunakan terminal
python __init__.py

Hasil dari code di atas lebih kurang seperti gambar dibawah ini

Tambahan
    Metode diatas dapat digunakan juga untuk live search. Terimakasih dan mohon maaf jika ada kekurangan kata dan kesalahan dalama penulisan kata.

Continue Reading →

Cara menggunakan request pada flask

    Request adalah sebuah alat yang digunakan untuk berkominkasi antara server dan client dengan menggunakan metode GET, POST, PUT, dan beberapa lainnya. Namum untuk umumnya metode yang sering digunakan dalam sebuah website adalah GET dan POST. Pada artikel kali ini saya akan menjelaskan beberapa cara menggunakan request di Flask.
Request POST

    Pada contoh di atas nama mendfinisikan request get dan untuk menjalankan kode diatas kurang lebih seperti ini. 127.0.0.1:500/?q=oscop pada kolom pencarian dibrowser dan hasilnya akan seperti gambar dibawah ini.

metode seperti ini biasanya sering digunakan pada pencarian di website atau dynamic page seperti google bing dan yaho.


Request POST
    Penggunaan request post biasanya digunakan untuk sistem masuk dan daftar, tapi ada juga yang menggunakan untuk dynamic page pada.

t.html

   Penjelasan pada kode diatas. Pada kode python terdapat request.form['name'] code tersebut menjukan bahwa file t.html mempunyai name='name' dan pada tag input terdapat name sedangkan {{}} dua tanda kurung kurawal di gunakan untuk memprint data dari python ke html menjadi string lihat kode index.html yang mana pada tag title dan body ada {{nama}}. Variable nama sudah di definisi pada file python render_template("index.html", nama=nama)

Continue Reading →

Cara menggunakan redirect dan url_for di python flask

    Sebagai seorang web developer redirect adalah sesuatu yang sangat wajib dikuasai. Penggunaan redirect biasanya untuk menghanle session login dan register. Meskipun penggunaan dasarnya hanya untuk login dan register juga dapat di gunakan untuk menghandle sebuah pencarian di web dengan database dan juga mengalihkan ke website lain.

    Pada kode diatas redirect mendifiniskan bahwa halaman akan langsung di alihkan ke google.com saat loading kode ini pun bisa berlaku untuk website lain seperti facebook dan youtube. Tapi biasanya developer flask lebih suka menggunakan redirect untuk mengalikan halaman bukan mengailkan ke sebuah website, sebagai contoh saya mempuyai alamat web localhost dan saya akan mengalikan ke halaman localhost/dashboard. Nah untuk metode ini url_for function bisa digunakan, tapi bukan berarti wajib digunakan karena ada metode lain yang juga bisa digunakan untuk metode ini.f

    Kode di atas menjelaskan bahwa saat halaman root dimualai atau homepage akan otomatis di alikan ke halaman dashboard. Lihat kode di atas pada line 7 yang dimaksut dengan url_for("dashboard") adalah def dashboard() dan ini juga berlaku untuk mendefinisikan alamat di html.

    sekian dan terima kasih untuk tutorial kali ini. Kurang dan lebihnya saya mohon maaf tapi kalo ada lebihnya belum mungkin karena masih banyak kurangnya dari pada lebihnya :D

Continue Reading →

Cara menggunakan fungsi render_template pada python flask

    Meskipun banyak cara untuk memprint html dengan flask tapi menurut saya render_template lah yang cukup mudah digunakan. Dengan beberapa kelebihan yang di milikinya yaitu menampilkan data dari sql ke html hanya dengan definisi variable saja dan masih banyak lagi.

Print html ke browser

   Untuk memprint html ke browser ada beberapa persiapan yang harus di lakukan pertama membuat folder templates dan static pada project, lihat gambar di atas. Contoh memprint html ke browser

    Lihat kode di atas pada line pertama saya menambahkan render_template pada import, penambahan render_template pada line pertama dimaksutkan bawha saya akan memprint html ke browser dengan mode external dan pada function index saya mendifinisikannya return render_template("index.html"). Index.html yang di maksut pada return adalah file index.html ada folder templates. Contoh file index.html

Menampilkan data dari sql ke client
   Untuk menampilkan data dari sql kita membutuhkan library tambahan yaitu sqlalchemy dan MySQLdb. Berikut adalah cara install pertama kita harus menginstall MySQLdb dan selanjutnya sqlalchemy
sudo apt-get install python-mysqldb
sudo pip install flask-sqlalchemy
Contoh:

Jika kalian bertanya apa fungsi loop pada kode di atas maka jawabanya adalah sebagai pengganti fetchArray karena saat ini saya belum mengetahui apakah ada fecthArray pada flask atau framework lain di python. Berikut ada kode html.

ada tag title akan menampilkan data dari mysql dan itu juga berlaku pada tag body
sekian dan terima kasih atas perhatiannya

Continue Reading →

Cara melakukan path folder templates dan static di python flask

    Seperti yang kita ketahui bahwa flask memiliki dua folder utama dalam aplikasi yaitu templates dan static. Nah sekarang kalian berfikir ingin merubah nama folder itu dengan nama yang kalian kehendaki. Pertanyaannya apakah bisa dirubuh? Tentu saja bisa di rubah dengan cara melakukan path folder pada aplikasinya dan apakah sulit melakukannya? Tentu tidak dong karena flask di desian dengan begitu mudah dan untuk para pemula bahkan seperti saya.
    Baiklah saya akan memeberikan contoh cara mempath folder di flask, tapi saya hanya menggunakan satu metode saja ya. Lihat code di bawah dengan seksama

Perhatikan kode di atas pada line ke tiga disana kita akan melihat ada yang beda denga definisi app. Ya karena pada aplikasi flask kali ini saya telah mempath folder static dan template saya dengan css folder sebagai static dan html folder sebagai templates
Jika bisanya pada projek kita seperti ini bentuk nya
__init__.py
├── static
└── templates
maka saat kita sudah mempath folder template tampilnya akan seperti ini
__init__.py
├── css
└── html

Continue Reading →

Menampilkan html pada python flask

    Meskipun hanya sebuah markup language tapi html merupakan salah hal yang wajib untuk web developer apalagi untuk front-end developer, di flask ada beberapa cara untuk menampilkan html yaitu internal method dan external method.
Internal method
   Pada internal method kita harus mengetahui sedikit tentang komentar pada python yaitu penggunaan tiga tanda petik (""") . Contoh menampilkan html dengan metode internal

Pada kode di atas kalian melihat variable html_page nah varible ini lah yang mendefinisi html.

External method
    Untuk external method kita akan membuthukan dua file dan satu folder. Untuk folder kita harus membuat folder templates dan file kita bisa bebas untuk membuat nama file tersebut.


   Pada html kalian bisa mengisi dengan bebas bisa karena saya tidak akan memberikan contoh file html disini. Kalian bisa lihat kode diatas ada yang berbeda dengan kode yang pertama yaitu pada line pertama saya menambahkan render_template lalu kalian juga melihat render_template("index.html") disini index.html adalah nama file yang ada pada folder templates

Continue Reading →

Berkenalan dengan Flask aplikasi hello world

    Python Flask atau yang biasa disebut Flask adalah sebuah micro web framework yang di khususkan untuk programmer Python dan dibuat berdasarkan werkzeug toolkit dan template engine jinja2. Untuk lisensi, Flask menggunakan BSD(Berkely Software Distribution). Ada beberapa web besar yang menggunakan flask seperti Pinterest dan LinkedIn. Khusus di Indonesia Flask masih asing ditelinga para developer web, karena flask berdiri belum lama.

    Pada tahun 1 April 2010 Armin Ronecher merilis flask pada pertama kalinya. Mungkin pada saat itu flask masih versi 0.0.1 karena sampai saat ini flask masih belum mencapai versi 1 dan untuk rilis stabil flask sudah mencapai versi 0.12. Meskipun flask belum mencapai versi 1 tapi flask pernah menjadi sebuah web framework yang cukup populer pada pertengah tahun 2016 di Github.

   Cara implementasi flask pun tidak sulit sebagai contoh
buat file bernama index.py lalu isikan dengan kode di bawah ini.

Setelah selesai jalankan kode di atas dengan terminal atau cmd

lalu buka browser maka kalian akan melihat preview pada browser adalah hello world

Continue Reading →