如何解决将 websocket 连接到 AWS Elastic Beanstalk？

我在将端口 7777 上的 websocket 连接到我的 aws 部署时遇到问题。我是套接字和部署的新手。我的主端口 8081 已连接，但 websocket 有问题。我已经在这里呆了一天，希望得到一些指点！谢谢！

目前，收到此错误：

反应代码

import React from ''react'';
import openSocket from ''socket.io-client'';
let socket = openSocket(''http://my-api.us-east-2.elasticbeanstalk.com:7777'',{ transports: [''websocket''] });
export class HomePage extends React.Component {
  state = {
    channels: null,channelSelected: false,socket: null,typers: {},channel: 1,messages: [],msg: ''''
  }
  socket;
  componentDidMount() {
   
  }

  componentDidUpdate() {
    if (this.props.username && !this.state.channelSelected) {
      this.configureSocket();
      this.setState({ channel: 1,channelSelected: true });
      this.socket.emit(''joinChannel'',{ channel: 1,username: this.props.username });
    }
  }
  configureSocket = () => {
    socket.on(''connection'',() => {
      if (this.state.channel) {
        this.handleChannelSelect(this.state.channel.id);
      }
    });
    socket.on(''incomingChat'',username => {
      let typers = this.state.typers;
      if (!typers[username]) {
        typers[username] = 1;
        this.setState({ typers })
      }
    });

    socket.on(''clearingChat'',username => {
      let typers = this.state.typers;
      delete typers[username]
      this.setState({ typers });
    });

    socket.on(''incomingMessage'',details => {
      let messages = this.state.messages;
      let typers = this.state.typers;
      delete typers[details.username]
      messages.push(details);
      this.setState({ messages,typers });
    })
    socket.on(''channel'',channel => {
      let channels = this.state.channels;
      channels.forEach(c => {
        if (c.id === channel.id) {
          c.participants = channel.participants;
        }
      });
      this.setState({ channels });
    });
    socket.on(''message'',message => {

      let channels = this.state.channels
      channels.forEach(c => {
        if (c.id === message.channel_id) {
          if (!c.messages) {
            c.messages = [message];
          } else {
            c.messages.push(message);
          }
        }
      });
      this.setState({ channels });
    });
    this.socket = socket;
  }

  
  handleChannelSelect = e => {
    e.preventDefault();
    this.setState({ channel: 1 });
    this.socket.emit(''leaveChannel'',this.props.username);
  }

  handleSendMessage = e => {
    e.preventDefault();
    this.socket.emit(''send-message'',{ msg: this.state.msg,username: this.props.username,channel: this.state.channel });
    this.setState({ msg: '''' });
  }

  handleChange = e => {
    const { value } = e.target;
    this.setState({ msg: value });
    if (!value) this.socket.emit(''addingMessage'',{ username: this.props.username,msg: ''cleared'' });
    if(value) this.socket.emit(''addingMessage'',msg: value });
  }

  render() {

    return (
      <div className=''chat-app''>
        <form onSubmit={this.handleSendMessage}>
          <input type="text" onChange={this.handleChange} value={this.state.msg} />
        </form>
        <button onClick={this.handleChannelSelect}></button>
        { this.state.messages.length > 0 && this.state.messages.map(({ username,msg }) => <p key={Math.random()}>{`${username}: ${msg}`}</p>) }

        {Object.keys(this.state.typers).length > 0 && Object.keys(this.state.typers).map(el => el !== this.props.username  && <p>{`${el} typing....`}</p>)}
      </div>
    );
  }
}

服务器代码

const app = require("./app");
const socketio = require(''socket.io'');
const express = require(''express'');
const http = require(''http'');
const db = require("./db");
const AWS = require("aws-sdk");
const CryptoJS = require("crypto-js");
const em = express();
const server = http.createServer(em);
const chatPort = process.env.LIVE_CHAT_PORT || 7777;
const io = socketio(server);
server.listen(chatPort,() => {
  console.log(`Live Chat sock running on port ${chatPort}`)
});
app.listen(process.env.PORT || 8081,() => {
  console.log("Listening on PORT 8081");
});

io.on(''connection'',socket => {
  let user;
  socket.on(''joinChannel'',async ({ username,channel }) => {
    user = userJoin(socket.id,username,channel);
    socket.on(''addingMessage'',details => {
      const { username,msg } = details;
      if (msg === ''cleared'') {
        io.to(user.room).emit(''clearingChat'',username);
      } else {
        io.to(user.room).emit(''incomingChat'',username);
      }
    })
    socket.join(user.room);
  });
  socket.on(''send-message'',async details => {
    const { msg,channel } = details;
    let em = await db.query(`
      INSERT INTO messages(conversation_id,user_id,shared_post,message,posted)
      VALUES($1,$2,null,$3,current_timestamp)
      RETURNING id;
    `,[channel,msg])
    io.to(user.room).emit(''incomingMessage'',details)
  })
  
  socket.on(''leaveChannel'',username => {
    const user = userLeave(username);
    socket.disconnect();

  });
  });

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

{
    "AWSEBDockerrunVersion": "1","Authentication": {
        "Bucket": "my-bucket","Key": "docker/.dockercfg"
    },"Image": {
        "Name": "namespace/repo:tag","Update": "true"
    },"Ports": [
        {
            "ContainerPort": "8080"
        }
    ]
}

$docker login

Activity execution Failed,because: WARNING: Invalid auth configuration file

{
  "https://index.docker.io/v1/": {
    "auth": "__auth__","email": "__email__"
  }
}

{
    "auths": {
        "https://index.docker.io/v1/": {
            "auth": "__auth__","email": "__email__"
        }
    }
}