0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

6個のテーマで始めるFlask入門

Posted at

記事をご覧くださりありがとうございます。

フリーランスエンジニアのたつのぶです。

今回の記事は、Python製Webフレームワーク「flask」入門ということで、

6個のテーマでちゃちゃっとflaskを試してみる内容になっています。

ソースコードも載せているのでぜひflaskをいじったことのない方は

試してみるといいかもです✌

#⓪Flaskのインストール

下記コマンドで、「flask」を予めインストールしておく。

pip install flask

#ソースコードはこちら↓
https://github.com/biridora/flasksamples

#①「Hello, Flask!」を表示する

「localhost/test」にアクセスすると下記のように表示される。
app01.PNG

●ファイル構成●

ーーーーーーーーーーーーーーーーーーーー

app01.py

ーーーーーーーーーーーーーーーーーーーー

#②テンプレートエンジンを使って変数を表示する

「localhost」にアクセスすると下記のように表示される。
app02.PNG

●ファイル構成●

ーーーーーーーーーーーーーーーーーーーー

app02.py

templates--------------hello02.html

templates--------------layout02.html

ーーーーーーーーーーーーーーーーーーーー

#③テンプレートエンジンを使って変数を表示する
[外部CSS/JavaScriptファイルを読み込む]

「localhost」にアクセスすると下記のように表示される。
app03.PNG

※外部のCSS・JavaScriptファイルを読み込むことができる。

●ファイル構成●

ーーーーーーーーーーーーーーーーーーーー

app03.py

templates--------------hello03.html

templates--------------layout03.html

static------css------main03.css

static------js---------main03.js

ーーーーーーーーーーーーーーーーーーーー

#④JSON 出力する API

「localhost」にアクセスすると下記のようにJsonがデータが返ってくる。
app04.PNG

●ファイル構成●

ーーーーーーーーーーーーーーーーーーーー

app04.py

ーーーーーーーーーーーーーーーーーーーー

#⑤ログイン(Basic認証)

あらかじめ、下記コマンドで、 「flask-httpauth」をインストールする。

$ pip install flask-httpauth

「localhost」にアクセスすると下記のようにユーザ名とパスワードを聞かれるので、

試しに、登録したユーザ名「admin」、パスワード「password」を入力してみる。
app05.PNG

すると、下記のように、ログイン認証ができる。
app052.PNG

●ファイル構成●

ーーーーーーーーーーーーーーーーーーーー

app05.py

ーーーーーーーーーーーーーーーーーーーー

※HTTPBasicAuth を HTTPDigestAuthに変更することでユーザー名とパスワードを MD5でハッシュ化する

ダイジェスト認証することができる。

#⑥GETメソッド,POSTメソッドでデータを投げる

「localhost」にアクセスすると、下記のようにテストの値が入っているフォーム画面が出てくる。
app06.PNG

「gettest」と仮にデータを入力ボックスに入れて「GET」ボタンを押す。
app06get.PNG

下記の、URLからわかるように、getリクエストができる。
app06getr.PNG

では、最後に「posttest」と入力して、「POST」ボタンを押してPOSTリクエスト
app06post.PNG

下記のように、できました。
app06postr.PNG

●ファイル構成●

ーーーーーーーーーーーーーーーーーーーー

app06.py

templates--------------hello06.html

templates--------------layout06.html

ーーーーーーーーーーーーーーーーーーーー

#最後に

いかがだったでしょうか。

6個のテーマでFlaskをいじってみました。意外と気軽に試せたのではないでしょうか?

pythonにはこのように簡単にいじれて便利なWEBフレームワークがあります。

今回の記事の内容をさらに拡張させたり、付加機能をつけていって、自分なりのWEBアプリケーションを作ってみるのもありですね👍

また、Pythonにはflask以外に、bottleやDjangoなどのWEBフレームワークもあるので興味がある方はそちらの方を調べてみると面白いかと思います。
この記事がflask入門者にとって何らかの手助けになると幸いです。

それでは✋

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?