4

フラスコ プロジェクトに socketio を組み込もうとしています。現在、サーバーから単純な「接続済み」または「切断済み」の出力を取得しようとしています。ただし、「python app.py」を使用してアプリ スクリプトを実行すると、これらのメッセージもエラーも表示されず、どの方向にも表示されません。

エラーを見逃すとは思っていませんでした！

app.py

from flask import Flask, render_template, request, url_for, copy_current_request_context
from flask_socketio import SocketIO, emit
import logging

logging.basicConfig()

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
app.config['DEBUG'] = True
socketio = SocketIO(app)

@app.route('/scan/')
def waitForRFID():
    return render_template('scan.html')    

@socketio.on('connect', namespace='/test')
def test_connect():
    print('Client connected')

@socketio.on('disconnect', namespace='/test')
def test_disconnect():
    print('Client disconnected')

if __name__ == '__main__':
    socketio.run(app)

scan.html

<!doctype html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>
    <script src="{{ url_for('static', filename = 'js/scan.js') }}"></script>
    <link rel=stylesheet type=text/css href="{{ url_for('static', filename='css/scan.css') }}" />
</head>

scan.js

$(document).ready(function(){
    //connect to the socket server.
    var socket = io.connect('http://' + document.domain + ':' + location.port + '/test');
});

app.py ファイルを実行して「127.0.0.1:5000/scan/」にアクセスすると、ターミナルに次の出力が表示されます。

127.0.0.1 - - [2018-02-11 16:42:10] "GET /scan/ HTTP/1.1" 200 812 0.010323

Web ページは適切に読み込まれ、これを仮想環境の内外で実行しても同じ出力が得られます。

このような単純なセットアップでは、何が間違っているのでしょうか? 前もって感謝します！

4

1 に答える 1

2

与えられたセットアップで問題を再現しようとしたところ、Javascript コンソールに次のエラーが表示されました。

scan.js:1 Uncaught ReferenceError: $ is not defined
    at scan.js:1

あなたの例にはjQueryがロードされていないため、ドキュメントのロードが完了したときにscan.jsがソケットに接続できません。

以下の CDN リファレンスを含めることで、jQuery を追加できます。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

そして、サンプルが機能することを確認します。

127.0.0.1 - - [2018-02-12 07:53:58] "GET /scan/ HTTP/1.1" 200 521 0.010458
127.0.0.1 - - [2018-02-12 07:53:58] "GET /static/css/scan.css HTTP/1.1" 404 342 0.001086
127.0.0.1 - - [2018-02-12 07:53:58] "GET /static/css/scan.css HTTP/1.1" 404 342 0.000776
127.0.0.1 - - [2018-02-12 07:53:58] "GET /socket.io/?EIO=3&transport=polling&t=1518393238311-0 HTTP/1.1" 200 345 0.000879
Client connected
127.0.0.1 - - [2018-02-12 07:53:58] "POST /socket.io/?EIO=3&transport=polling&t=1518393238776-1&sid=7d98901d0ef74164975ee5464879ba19 HTTP/1.1" 200 195 0.000818
127.0.0.1 - - [2018-02-12 07:53:58] "GET /socket.io/?EIO=3&transport=polling&t=1518393238778-2&sid=7d98901d0ef74164975ee5464879ba19 HTTP/1.1" 200 198 0.000201
于 2018-02-11T23:54:25.337 に答える