新しい Application Load Balancer (ALB) で WebSocket を動作させることができました。
まず、ALB の新しいターゲット グループを作成します。このターゲット グループは、アプリケーションと同じポートを使用する必要があり、ヘルス チェックを構成する必要があります。ただし、主な違いは、スティッキを有効にする必要があることです。
次に、新しいリスナー ルールを ALB に追加します。このルールには、WebSocket セットアップをルーティングするためのパス (/socket.io) が必要です。また、ターゲット グループ名を、作成したばかりのターゲット グループに設定します。
サーバーに Node/Hapi/Socket.io を使用しています (Amazon Linux AMI から派生したインスタンスで実行しています)。基本的なセットアップは次のとおりです。
const hapi = require('hapi');
const websocket = require('./WebSocket');
var server = new hapi.Server();
server.connection(config.Application);
websocket.Initialize(server.listener);
WebSocket.js の場所
var io = null;
module.exports = {
Initialize: function (http) {
io = require('socket.io')(http);
io.on('connection', function (socket) {
console.log('Websocket ' + socket.id + ' connected.');
socket.on('disconnect', function () {
console.log('Websocket ' + socket.id + ' disconnected.');
});
});
}
};
クライアントに Angular 1.5x を socket.io-client と共に使用しています。WebSocket クライアント オプションを次のように構成することが重要です。そうしないと、接続できなくなります。
(function () {
'use strict';
angular
.module('XXXXX', [])
.run(runHandler);
runHandler.$inject = ['WebSocketService'];
function runHandler(WebSocketService) {
WebSocketService.Initialize();
}
})();
WebSocket サービス:
(function () {
'use strict';
angular
.module('XXXXX')
.factory('WebSocketService', WebSocketService);
WebSocketService.$inject = [];
function WebSocketService() {
var socket = null;
function initialize() {
var url = 'http://' + ALB_URL + ':5800';
socket = io(url, {transports: ['websocket'], upgrade: false});
socket.on('connect', function () {
console.log('Socket connected');
});
socket.on('disconnect', function () {
console.log('Socket disconnected');
});
}
return {
Initialize: initialize
};
}
})();