RAINeko256 / shugiou

amplify test
shugiou.vercel.app
1 stars 0 forks source link

Websocketの通信が上手くいってない #18

Closed RAINeko256 closed 2 years ago

RAINeko256 commented 2 years ago

mqtt.js:4441 WebSocket connection to 'wss://driver.cloudmqtt.com/' failed: m @ mqtt.js:4441 g @ mqtt.js:4467 i @ mqtt.js:5068 x._setupStream @ mqtt.js:2844 x._reconnect @ mqtt.js:3484 (anonymous) @ mqtt.js:3504

となる問題を解決したい

fuu38 commented 2 years ago

恐らくユーザー名/パスワード/WSポートの環境変数が正しく読み込まれてないことが原因だと見てます。Reactのコード内で環境変数吐かせてみて検証しよう。 どーしても解決できなかったらハードコーディングしてみる

fuu38 commented 2 years ago

とりあえずやること いまんとこローカルでのテストのときはいちいちハードコーディングしてたので、 dotenv(CRAしたら入ってるっぽい)なりnpmstartの引数なり使って渡してみる、俺らの環境変数読み込むコードに問題があるのか、vercelの設定の問題かを切り分けたい

fuu38 commented 2 years ago

冷静に考えたらいちいちハードコーディングするの百害あって一利なしって感じだな

fuu38 commented 2 years ago

REACT_APP_のプレフィクスをつけるのは、CRAして作ったReactアプリケーション内でかんたんに呼べるよってだけっぽいな

fuu38 commented 2 years ago

dotenv使って試してみた結果、環境変数は読み込めているのに接続できない現象が発生した。どうもコード側の問題らしい 値間違えてた。接続できた。この結果だけを見るとVercelの設定に問題があるかなーという感じがする @RAINeko256 もう一度キーと値を確認してほしい!したらDiscordで結果も教えて!

RAINeko256 commented 2 years ago

環境変数の問題だった、ローカルでは解消したのでデプロイしたあとで要検証!

RAINeko256 commented 2 years ago

上手くいった! vercelの環境変数にREACTAPP prefixをつける、コードの中の環境変数も同じようにprefixをつけるとうまくいった