準備
flaskと、jinja2が必須となります。
# pip install flask
# pip install jinja2
基本構成
最低限の機能だけで動かすのであれば、以下の構成だけでよいです。
- index.py : 裏処理プログラム、ルーティングを書いたり、色々な処理を書く
- templates : HTMLテンプレートを保存するディレクトリ（名称変更不可）
- index.html : HTMLテンプレートファイル
# tree
.
├── index.py
└── templates
└── index.html
プログラムを書いてみる
設定したブックマークを表示させるだけのページを作成する。
index.py
from flask import Flask
from flask import render_template
app = Flask(__name__)
@app.route('/')
def index():
site = {
'title':'ブックマーク'
}
pages = [
{
'title':'Google',
'url':'http://google.com'
},
{
'title':'Yahoo!',
'url':'http://www.yahoo.co.jp'
},
]
return render_template(
'index.html',
site = site,
pages = pages,
)
index.pyから引数として受け取ったsiteやpagesのデータは、
マスタッシュ構文を使って、{{ site.title }}のように呼び出すことができます。
テンプレートタグ{% if ~ %}や、{% for ~ %}を使って、HTMLテンプレート内で条件分岐させたり、ループ処理させたりすることができます。
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ site.title }}</title>
</head>
<body>
<h1>{{ site.title }}</h1>
{% if pages == [] %}
<p>データがありません。</p>
{% else %}
<table border="1">
<tr>
<th>タイトル</th>
<th>URL</th>
</tr>
{% for page in pages %}
<tr>
<td>{{ page.title }}</td>
<td><a href="{{ page.url }}">{{ page.url }}</a></td>
</tr>
{% endfor %}
</table>
{% endif %}
</body>
</html>
開発サーバーを起動
事前準備
環境変数を設定します。
# export FLASK_APP=index
開発サーバーを起動する
以下のコマンドで開発サーバーを起動します。
特に何も指定しなければ、デフォルトで127.0.0.1:5000で起動するので、
localhostで動かしている場合は、http://127.0.0.1:5000でWEBサーバーに接続できます。
# flask run
アドレスやポートを指定して起動
コンテナで起動する場合など、アドレスやポート指定したい場合もあると思います。
以下のオプションを指定することで、任意のアドレス、ポート番号で起動することができます。
こちらは、0.0.0.0のアドレスで、80番ポートで起動させる例になります。
# flask run -h 0.0.0.0 -p 80
Pythonファイル内に記述して起動する
app.run()をPythonファイル内に記述して実行するという手段もあります。
python index.pyコマンドで、index.pyを実行すると、
0.0.0.0のアドレスで、80番ポートで起動します。
index.py
from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello_world():
return "<p>Hello, World!</p>"
if __name__ == "__main__":
app.run(host="0.0.0.0", port=80, debug=True)