はじめてのFlask
Flaskとは
FlaskはPythonのWebアプリケーションフレームワークです。とってもシンプルに記述できます。
気になる方は公式サイトを参照してください。
今回の目的
http://localhost:8080にアクセスしたら"Hello World!"と表示できるようにしよう！
使用するもの
dockerを使用します。
dockerについて知りたい方は以下を参照してください。大変参考になります。
プロジェクトフォルダーの作成
まずは、フォルダー構成の説明になります。先に必要なファイルをすべて作ってしまいます。
任意のフォルダにflask-startupと名のフォルダーを作成します。
その配下にdocker-compose.yamlのファイルとapp、dockerのフォルダを作成します。
dockerフォルダの配下にDockerfileのファイルを、appフォルダの配下にmain.pyのファイルを作成します。
最終的には以下のフォルダ構成になっています。
.flask-startup/
├── docker
│ └── Dockerfile
├── app
│ └── main.py
└── docker-compose.yaml
Dockerfileの作成
Dockerfileを作成してきます。
FROM python:3.9-slim-buster
WORKDIR /usr/src/app
RUN pip install --upgrade pip
RUN pip install flask
コンテナの中に入って、pythonを実行するのでコマンドは書いていません。
docker-compose.yamlの作成
docker-compose.yamlを作成していきます。
version: "3"
services:
flask:
build:
context: .
dockerfile: ./docker/Dockerfile
restart: always
tty: true
ports:
- 8080:8080
volumes:
- type: bind
source: ./app
target: /usr/src/app
main.pyの作成
公式サイトから引用しています。
from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello_world():
return "<p>Hello World!</p>"
app.run(host='0.0.0.0', port=8080)
最後の一行だけ追加いたしました。これはポートの設定を追加しています。
簡単に説明いたします。
1行目はflaskのインポートになります。
3行目にflaskのインスタンスの作成を行っています。
5行目はURLのルーティングの指定を行っています。この場合はhttp://localhost:8080/になります。app.route("/hello")とすれば、http://localhost:8080/helloとなります。
6~7行目は5行目のURLが呼び出された際に、呼び出される関数が表記されています。今回の場合は、<p>Hello World!</p>が戻り値として表記されています。したがって、http://localhost:8080/で表示される画面はHello World!となります。
9行目でFlaskのアプリケーションのを起動しています。
Webアプリケーションの起動
まずはコンテナの中に入っていきます。
docker exec -it <コンテナ名> /bin/bash
flaskのアプリを起動します。
python main.py
ここにアクセスするとHello World!と表示されるはずです。
Flaskのシンプルさ
環境などの設定が必要ですが、Pythonのコードは6行で完結しています。とてもシンプルです。また、コードからどのような挙動をしているかシンプルで分かりやすいのが特徴です。webアプリケーションの流れと実際のコードの流れを学びたい初学者にはよいwebアプリケーション（主にバックエンド）フレームワークになっていると思います。
有名なフレームワークであるDjangoなどありますが、初学者が始めるには少し閾値が高いです（その代わり本格的なwebアプリケーションが作れます）。webアプリケーションの理解の上でFlaskはおすすめです。
まとめ
今回はFlaskの基本を作成致しました。ここからwebアプリケーションの勉強の先駆けとなればなと思っています。次回あたりは、HTTPリクエストメソッド、クエリパラメータ、DBの接続等の記事のどれかを作成していきたいと思います。
参考文献
Github
リポジトリになります。
変更履歴
・2023年02月10日 投稿
Discussion