AWS前端后端通信

Question

我有 2 个应用程序运行在 ASW Symfony 上的 8000 端口（本地）和 React 3000（本地）但是通过 80 端口上的 TCP 重定向是通过侦听 nginx 服务器中的 80 端口实现的。

server {
    listen 80;
    server_name example.info  www.example.info;
    location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_redirect off;
     }
}
server {
    listen 8000;
    server_name example.info  www.example.info;
    location / {
        proxy_pass http://127.0.0.1:8000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_redirect off;
     }

}

我试过监听和重定向两个端口但没有成功。在服务器中，可以使用 curl http://127.0.0.1:8000 访问 Symfony 应用程序在我的 React 应用程序中，我从外部向 asw.external.ip (123.123.123.123:800) 发送 api 请求，但超时。我如何从外部访问我的后端？

Answer 1

AWS ElasticBeanstalk - 为您的 back-end

配置代理服务器

您也可以将此配置文件用于您的 Aws Ec2。

/etc/nginx/conf.d/proxy.conf

  upstream nodejs {
    server 127.0.0.1:5000;
    keepalive 256;
  }

  server {
    listen 8080;

    access_log  /var/log/nginx/access.log  main;

    location / {
        proxy_pass  http://nodejs;
        proxy_set_header   Connection "";
        proxy_http_version 1.1;
        proxy_set_header        Host            $host;
        proxy_set_header        X-Real-IP       $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    gzip on;
    gzip_comp_level 4;
    gzip_types text/html text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

    ## Optional configuration if you want to allow AWS 
    ## to cache your static files
    location /static {
        alias /var/app/current/static;
    }
  }

编辑 - 为 Symfony 配置 Nginx

server {
    listen             8080;
    server_name        sf2testproject.dev;

    root /home/maurits/public_html/web;

    location / {
        # try to serve file directly, fallback to rewrite
        try_files $uri @rewriteapp;
    }

    location @rewriteapp {
        # rewrite all to app.php
        rewrite ^(.*)$ /app.php/ last;
    }

    location ~ ^/(app|app_dev|config)\.php(/|$) {
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_split_path_info ^(.+\.php)(/.*)$;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param HTTPS off;
    }
}

其中：

listen 是您的应用程序与世界通信的端口。
fastcgi_pass 是一种二进制协议，用于将交互式程序与 Web 服务器连接

参考文献：

AWS前端后端通信

AWS front-end back-end communication

routing

reverse-proxy

amazon-web-services

symfony

reactjs

AWS ElasticBeanstalk - 为您的 back-end

编辑 - 为 Symfony 配置 Nginx