はじめに
前にも似たようなことを書きましたが改めて。
pyenv環境の準備
pyenv, pyenv-virtualenvをhomebrewでインストールしておきます。
$ mkdir qiita-sin
$ cd qiita-sin
$ pyenv virtualenv 2.7.8 qiita-sin
$ pyenv local qiita-sin
必要なライブラリのインストールとHerokuで動かす準備
$ pip install flask
$ pip install gunicorn
$ pip install matplotlib
$ echo python-2.7.8 > runtime.txt
$ pip freeze > requirements.txt
$ echo web: gunicorn app:app --log-file=- > Procfile
$ mkdir templates
テンプレート、アプリの準備
テンプレート
sin.html
<!DOCTYPE html>
<html lang="ja">
<head>
<title>sinカーブテスト</title>
</head>
<body>
<h1>sinカーブテスト</h1>
{% autoescape false %}{{svgstr}}{% endautoescape %}
</body>
</html>
アプリ
app.py
#!/bin/env python
# coding: utf-8
import os
import StringIO
from flask import Flask, render_template
import matplotlib
matplotlib.use('Agg')
import matplotlib.pyplot as plt
import numpy as np
app = Flask(__name__)
app.debug = True
@app.route('/')
def do_sin():
x = np.arange(-np.pi, np.pi, 0.1)
y = np.sin(x)
fig = plt.figure()
plt.plot(x, y, label="sin")
plt.legend(loc="best")
strio = StringIO.StringIO()
fig.savefig(strio, format="svg")
plt.close(fig)
strio.seek(0)
svgstr = strio.buf[strio.buf.find("<svg"):]
return render_template("sin.html", svgstr=svgstr.decode("utf-8"))
if __name__ == "__main__":
port = int(os.environ.get("PORT", 5000))
app.run(port=port)
デプロイ
gitに追加
$ git init
$ echo .python-version > .gitignore
$ git add .
$ git commit -m "initial commit" .
herokuにデプロイ
$ heroku create
$ git push heroku master
numpyやmatplotlibのコンパイルがあるのでしばしコーヒーブレイク
完成
確認
$ heroku open
https://limitless-garden-3527.herokuapp.com/ が開く
ポイント
- SVGの処理
（strio.buf.find("<svg")とdecode("utf-8")あたりがポイント - 日本語の表示はあとでまた
コメント
なんかいつの間にかCeder-14スタックとhttpsがデフォルトになってたんですね