フラスコ–静的ファイル

Webアプリケーションでは、多くの場合、Webページの表示をサポートする javascript ファイルや CSS ファイルなどの静的ファイルが必要です。通常、Webサーバーはそれらを提供するように構成されていますが、開発中、これらのファイルはパッケージの_static_フォルダーまたはモジュールの隣から提供され、アプリケーションの /static で利用可能になります。

静的ファイルのURLを生成するために、特別なエンドポイント「静的」が使用されます。

次の例では、 hello.js で定義された javascript 関数が、Flaskアプリケーションの ‘/’ URLでレンダリングされる indexl のHTMLボタンの OnClick イベントで呼び出されます。

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def index():
   return render_template("indexl")

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

*indexl* のHTMLスクリプトを以下に示します。

<html>
   <head>
      <script type = "text/javascript"
         src = "{{ url_for('static', filename = 'hello.js') }}" ></script>
   </head>

   <body>
      <input type = "button" onclick = "sayHello()" value = "Say Hello"/>
   </body>
</html>

*hello.js* には* sayHello（）*関数が含まれています。

function sayHello() {
   alert("Hello World")
}

Flask-static-files

フラスコ–静的ファイル