[python] Flaskで静的ファイルを提供する方法


Answers

そこに必要なものが見つかるはずです: http://flask.pocoo.org/docs/quickstart/#static-files : http://flask.pocoo.org/docs/quickstart/#static-files

基本的には、パッケージのルートに「静的」フォルダが必要です。次に、 url_for('static', filename='foo.bar')使用するか、 http://example.com/static/foo.bar url_for('static', filename='foo.bar')直接リンクできますhttp://example.com/static/foo.bar

編集 :コメントで示唆したように、あなたは'/static/foo.bar' URLパスを直接使用することができますが、 url_for()オーバーヘッド(パフォーマンスは賢明です)はかなり低く、これを使うと簡単にビヘイビアをカスタマイズできますその後(フォルダの変更、URLパスの変更、静的ファイルのS3への移動など)。

Question

だからこれは恥ずかしいです。 私はFlaskで一緒に投げたアプリケーションを持っていますが、今はCSSとJSへのいくつかのリンクを持つ単一の静的HTMLページを提供しています。 そして、私はFlaskのドキュメントで静的ファイルを返す方法についてはわかりません。 はい、私はrender_template使うことができましたが、データがテンプレート化されていないことを知っています。 send_fileurl_forが正しいと思っていただろうが、 send_fileさせることができなかった。 その間、私はファイルを開いてコンテンツを読み、適切なMIMEタイプのResponseしています:

import os.path

from flask import Flask, Response


app = Flask(__name__)
app.config.from_object(__name__)


def root_dir():  # pragma: no cover
    return os.path.abspath(os.path.dirname(__file__))


def get_file(filename):  # pragma: no cover
    try:
        src = os.path.join(root_dir(), filename)
        # Figure out how flask returns static files
        # Tried:
        # - render_template
        # - send_file
        # This should not be so non-obvious
        return open(src).read()
    except IOError as exc:
        return str(exc)


@app.route('/', methods=['GET'])
def metrics():  # pragma: no cover
    content = get_file('jenkins_analytics.html')
    return Response(content, mimetype="text/html")


@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
def get_resource(path):  # pragma: no cover
    mimetypes = {
        ".css": "text/css",
        ".html": "text/html",
        ".js": "application/javascript",
    }
    complete_path = os.path.join(root_dir(), path)
    ext = os.path.splitext(path)[1]
    mimetype = mimetypes.get(ext, "text/html")
    content = get_file(complete_path)
    return Response(content, mimetype=mimetype)


if __name__ == '__main__':  # pragma: no cover
    app.run(port=80)

誰かがこれのためのコードサンプルまたはURLを与えたいですか? 私はこれが簡単ではないことを知っています。




次のフォルダツリーを作成する角度+定型化フローの場合:

backend/
|
|------ui/
|      |------------------build/          <--'static' folder, constructed by Grunt
|      |--<proj           |----vendors/   <-- angular.js and others here
|      |--     folders>   |----src/       <-- your js
|                         |----index.html <-- your SPA entrypoint 
|------<proj
|------     folders>
|
|------view.py  <-- Flask app here

私は以下のソリューションを使用します:

...
root = os.path.join(os.path.dirname(os.path.abspath(__file__)), "ui", "build")

@app.route('/<path:path>', methods=['GET'])
def static_proxy(path):
    return send_from_directory(root, path)


@app.route('/', methods=['GET'])
def redirect_to_index():
    return send_from_directory(root, 'index.html')
...

静的なフォルダをカスタムに再定義するのに役立ちます。




私が使っているのは、 "テンプレート"ディレクトリと "静的な"ディレクトリです。 すべての.htmlファイル/ Flaskテンプレートをテンプレートディレクトリに置き、staticにはCSS / JSが含まれています。 render_templateは、Flaskのテンプレート構文を使用した程度に関係なく、私の知る限り一般的なhtmlファイルで正常に動作します。 以下は私のviews.pyファイルの呼び出し例です。

@app.route('/projects')
def projects():
    return render_template("projects.html", title = 'Projects')

別の静的ディレクトリで静的ファイルを参照したい場合は、url_for()を使用してください。 あなたはたぶんhtmlのCSS / JSファイルリンクでこれをやってしまうでしょう。 例えば...

<script src="{{ url_for('static', filename='styles/dist/js/bootstrap.js') }}"></script>

ここでは、 "カノニカル"非公式のフラスコのチュートリアルへのリンク - あなたが地面にぶつかるのを助けるためのここに多くのヒントがあります。

http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world




from flask import redirect, url_for
...
@app.route('/', methods=['GET'])
def metrics():
    return redirect(url_for('static', filename='jenkins_analytics.html'))

このサーバーは、あなたのhtmlファイルで参照されているすべてのファイル(css&js ...)を処理します。




ファイルを開こうとしているだけの場合は、 app.open_resource()使用できます。 ファイルを読むと、

with app.open_resource('/static/path/yourfile'):
      #code to read the file and do something



他の回答に基づく最も簡単な実例は次のとおりです。

from flask import Flask, request
app = Flask(__name__, static_url_path='')

@app.route('/index/')
def root():
    return app.send_static_file('index.html')

if __name__ == '__main__':
  app.run(debug=True)

index.htmlと呼ばれるHTMLを使って:

<!DOCTYPE html>
<html>
<head>
    <title>Hello World!</title>
</head>
<body>
    <div>
         <p>
            This is a test.
         </p>
    </div>
</body>
</html>

重要: index.htmlstaticと呼ばれるフォルダにあります。つまり、 <projectpath>には.pyファイルがあり、 <projectpath>\staticにはhtmlファイルが含まれています。

サーバーをネットワーク上に表示する場合は、 app.run(debug=True, host='0.0.0.0')

編集:要求された場合、フォルダ内のすべてのファイルを表示するには、これを使用します

@app.route('/<path:path>')
def static_file(path):
    return app.send_static_file(path)

本質的にBlackMambaの答えなので、 BlackMamba与えてください。




Related