actiioncableがproductiion環境で動作しません。

Question

こんにちは。　サーバーサイドがrails(APIモード)、フロントはreactのspaアプリケーションで actionケーブルを使ってリアルタイムアップデートのchat機能を実装しています。

表題の通り、以下のエラーが継続的に発生し、production環境でactioncableが動作しません。ローカル環境では問題なく動いています。

解決の糸口すらつかめずにいます。　どなたかご教授いただけないでしょうか。　よろしくお願い申し上げます。

rails 5.2.1
puma 3.12.0
ruby 2.4.6
nginx 1.12.2
redis 4.0.10
aws elasticache

エラー

main.js:89513 WebSocket connection to 'wss://myapp.com:3000/cable' failed: WebSocket is closed before the connection is established

frontend/index.js

import ActionCable from 'actioncable'

ActionCable.createConsumer(`wss://myapp.com:3000/cable?authorization=${tokens['Authorization']}&firebaseUID=${tokens['FirebaseUID']}`)

config/environments/production.rb

 config.action_cable.url = 'wss://myapp.com/cable:3000'
 config.action_cable.allowed_request_origins = [ 'http://myapp.com', /http://myapp.*/, 'https://myapp.com', /https://myapp.*/ ]

nginx.conf

upstream puma {
   server unix:///srv/myapp/tmp/sockets/puma.sock;
}

location / {
   try_files $uri $uri/index.html $uri.html @webapp;
 }

location @webapp {
   proxy_read_timeout 300;
   proxy_connect_timeout 300;
   proxy_redirect off;
   proxy_set_header X-Forwarded-Proto $scheme;
   proxy_set_header Host $http_host;
   proxy_set_header X-Real-IP $remote_addr;
   proxy_pass http://puma;
 }

 

location /cable {
   proxy_pass http://puma/cable;
   proxy_http_version 1.1;
   proxy_set_header Upgrade $http_upgrade;
   proxy_set_header Connection "upgrade";
}

config/cable.yml

production:
  adapter: redis
  url: ENV['ELASTIC_CACHE_URL']}  <= elasticache(redis4.0)のエンドポイント