1
私はウェブソケットを使用するFlaskアプリケーションを作成しました。それは私にとってはローカルではで正常に動作しています。HerokuにFlask Websocketsアプリケーションをデプロイするときの問題
しかし、私はHerokuのを経由して、それを展開し、ブラウザでそれを開こうとすると、私はこれらのエラーを取得：Chromeの場合
：WebSocket connection to 'wss://flask-realtime-chat-app.herokuapp.com/chat' failed: Error during WebSocket handshake: Unexpected response code: 404。 Firefoxので
：
import json
from flask import Flask, send_from_directory, request
from flask_sockets import Sockets
app = Flask(__name__)
sockets = Sockets(app)
@app.route("/")
def index():
return send_static("index.html")
@app.route("/static/<path>")
def send_static(path):
return send_from_directory("../client/static", path)
connections = []
messages = []
usernames = {}
@sockets.route("/chat")
def chat_socket(web_socket):
global connections, usernames
connections = add_socket(web_socket, connections)
while not web_socket.closed:
data = json.loads(web_socket.receive())
connections = remove_closed_sockets(connections)
messages.append(data)
json_message = json.dumps(data)
send_message(json_message, connections)
def add_socket(web_socket, connections):
return connections + [web_socket]
def remove_closed_sockets(connections):
return [c for c in connections if not c.closed]
def send_message(message, connections):
for socket in connections:
socket.send(message)
if __name__ == "__main__":
from gevent import pywsgi
from geventwebsocket.handler import WebSocketHandler
server = pywsgi.WSGIServer(('', 5000), app, handler_class=WebSocketHandler)
server.serve_forever()
フロントエンド：：ここでFirefox can’t establish a connection to the server at ws://flask-realtime-chat-app.herokuapp.com/chat.
は私のコードの関連部分です
if (window.location.protocol == "https:") {
var ws_scheme = "wss://";
} else {
var ws_scheme = "ws://";
}
var socket = new WebSocket(ws_scheme + location.host + "/chat");
socket.onopen = function (event) {
console.log("Websocket open!");
}
socket.onclose = function (event) {
console.log("Websocket closed!");
}
socket.onmessage = function (event) {
var incomingMessage = JSON.parse(event.data);
if (incomingMessage["message"]) {
addMessageToChatScreen(incomingMessage);
} else if (incomingMessage["usernames"]) {
usernames = incomingMessage["usernames"];
}
}
...
function sendMessage() {
var data = JSON.stringify({
uid: uid,
message: $("#message_input").val()
});
socket.send(data);
$("#message_input").val("");
}
何かアドバイスはGRだろう食べることができます！