🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Action Cable

Action Cableは、WebSocketをRailsに組み込む機能。Rails4でオプションとして存在していたWebSocketをRails5で標準機能したものです。Railsアプリケーションと同様のスタイルで、Rubyを用いたリアルタイム機能を記述できます。

HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

Q&A

解決済

1回答

1016閲覧

Rails AWS上のEC2でActionCableを使ってチャット機能を作成する

lyzmfeqpxs54

総合スコア237

Action Cable

Action Cableは、WebSocketをRailsに組み込む機能。Rails4でオプションとして存在していたWebSocketをRails5で標準機能したものです。Railsアプリケーションと同様のスタイルで、Rubyを用いたリアルタイム機能を記述できます。

HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

0グッド

0クリップ

投稿2020/11/27 02:35

いつもお世話になっております。

AWS上のEC2でActionCableを使ってチャット機能を作ろうとしています。
ロードバランサーを使ってHTTPSで接続しています。

環境
Amazon Linux release 2 (Karoo)
Rails 5.2.3
Ruby version: 2.6.1
ロードバランサー
Nginx

まずはブラウザのconsoleで見た際に以下のようなエラーが出ていました。
failed: Error during WebSocket handshake: Unexpected response code: 404

このエラーはhttpsでつないだ場合もhttpでつないだ場合も出ましたが、nginxを停止してロードバランサーを介さずにポート3000で接続すると出なくなり、ActionCableを使った意図した動きができるようになります。

下記サイトを参考に、httpの部分をhttpsに置き換えて記載していますがまた別のエラーが出続けます。
https://techtechmedia.com/deploy-action-cable-rails/

エラー
failed: WebSocket is closed before the connection is established.

エラーの色は赤から黄色に変わったものの、ActionCableはうまく動いていません。
この場合もHTTPS・HTTPではつながらず、ポート3000でのみうまく動きます。

https環境下でActionCableを動かすにはどのようにすればよろしいでしょうか。

参考になるサイトでも構いませんので、適切な方法をご教示いただけますと幸いです。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

take88

2020/11/27 05:45

「ロードバランサー」とは具体的に何を使ってますか?
yu_1985

2020/11/27 06:38

ロードバランサーにELBを使ってるのなら恐らくその設定が間違ってると思うのですが、まず「ロードバランサー」について詳細を記載してください。 nginxを使ってるならそちらでhttpsの設定をすれば良さそうな気はしますが。 ちなみに、httpsでつなぐには証明書が必須なので何らかの方法で用意する必要があります。 そして、証明書を発行するにはドメインが必要(厳密には有料ならIPでも発行する方法はあるそうですが…)ですが、ドメインはお持ちですか?
lyzmfeqpxs54

2020/11/27 11:27

ご回答ありがとうございます。 HTTPS接続自体はできており、ドメインも証明書もNginxの設定もして、ActionCableを使わなければ普通にHTTPSでページを開くことはできる状況です。 HTTPS接続(443)およびHTTP接続(80)でのActionCableが使えないという状況です。
yu_1985

2020/11/27 11:34

まず、設定情報が何も貼られていないのでそれらを貼ってください。 あと、ロードバランサーについてご回答ください。 HTTPS接続が出来ているとは、どこに対するHTTPS接続ですか? サーバに対するHTTPS接続ができているのかロードバランサーに対してなのか。 ロードバランサーを使っているのなら、ロードバランサーがどのようにリクエストを受けてどのようにインスタンスにリクエストを振り分けているのか。 そのあたりの設定がどうなってるのか知りたいです。 ちなみに参考サイトの設定だと、nginxはロードバランサーからのリクエストに対して処理を行っているのとnginx上では証明書の設定をしていないので、普通にインスタンスに対してHTTPやHTTPSのデフォルトポートでアクセスしても多分うまく行かないと思います。
lyzmfeqpxs54

2020/11/27 13:45

ご回答ありがとうございます。 ロードバランサーについてですが、大変申し訳ないのですが、今回の件には全く関係がなさそうなので割愛させていただきます。質問に混ぜたのが問題でした(EC2直アクセスのHTTPでうまくいってLB経由のHTTPSでうまくいかなかったときにはじめてLBの話が出てくると思いますので)。
take88

2020/11/28 13:57

WebSocketでロードバランサーを使う場合は、けっこう注意が必要だと思うんですが、関係ないと思われるのはなぜでしょうか。
lyzmfeqpxs54

2020/11/29 13:32

ご回答ありがとうございます。 現状https、httpにかかわらず接続ができていない状況であり、ロードバランサーを用いないhttpでの接続がまずできない状態なので、そこをまず解決したいと考えております。
guest

回答1

0

自己解決

質問内容に問題があったため一旦クローズし、整理した後もう新たにもう一度質問したいと思います。

投稿2020/11/30 01:05

lyzmfeqpxs54

総合スコア237

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問