2016-05-16 6 views
0

私は私のウェブサイト上でprocessing.jsを使用しようとしているが、私はエラーを取得しておいてください。「processing.min.jsは、リソースの読み込みに失敗しました:サーバーは、404の状態(FOUND NOT)と答え、」なぜFlaskでProcessing.jsスケッチを読み込むことができませんか?

私はtest.htmlという中にロードするためにフラスコのrender_template()を使用しています:

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Processing.js</title> 
    <script src="processing.min.js"></script> 
    </head> 
    <body> 
    <h1>Processing.js</h1> 
    <script type="text/processing"> 
    void setup() { 
     size(400,200); 
     textAlign(CENTER, CENTER); 
     background(0,0,100); 
     fill(255,230,75); 
     text("Processing.js", width/2, height/2); 
     noLoop(); 
     } 

     void draw() { 
     } 

     void mouseMoved() { 
     stroke(255); 
     point(mouseX, mouseY); 
     redraw(); 
     } 

     void mousePressed() { 
     line(0,mouseY,width,mouseY); 
     line(mouseX,0,mouseX,height); 
     println(mouseX, mouseY); 
     } 
    </script> 
    <canvas></canvas> 
    </body> 
</html> 

私はその後、実行フラスコファイルは単純です:

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

@app.route("/") 
def hello(): 

    return render_template('test.html') 

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

http://127.0.0.1:5000/私は、Processing.jsというヘッダーを参照していますが、実際のキャンバス要素はありません。

+0

Flaskが実行しているすべてのファイルが2つのファイルを提供しているとすれば、Flaskなしでファイルを提供する場合、これは機能しますか?また、これは静的ファイルにリンクする方法ではなく、 'url_for( 'static'、filename = 'processing.min.js')'を使用します。 – davidism

+0

ちょっと@ダビデミズム、フラスコなしで奉仕するのはどういう意味ですか?私はこれを初めて熟知しており、バックエンドのフレームワークとしてFlaskの経験があるだけです。 – sam

+0

私はこれらの404 Not Foundメッセージをまだ受信しています。私は "static"フォルダ内にprocessing.jsを持っており、 "templates"フォルダ内のtest.htmlテンプレートとそれらの外部のmain.pyフラスコファイルを持っています。 GET http://127.0.0.1:5000/processing.js GET http://127.0.0.1:5000/url_for('static',%20filename='processing.js ')404見つからない – sam

答えて

0

フラスコdocs

Dynamic web applications also need static files. That’s usually where the CSS and JavaScript files are coming from. Ideally your web server is configured to serve them for you, but during development Flask can do that as well. Just create a folder called static in your package or next to your module and it will be available at /static on the application.

そして、あなたの静的ファイル(.jsファイルとの.css)が静的であると仮定すると、ファイルに

<script type="text/javascript" src="url_for('static', filename='processing.js')"></script> 

を参照するためにurl_forテンプレートメソッドを使用して、コメントdavidismなどによると、フォルダ。

関連する問題