/ / despliegue de una aplicación angular en aws cloudfront - javascript, angularjs, amazon-web-services, elastic-beanstalk, amazon-cloudfront

despliegue de una aplicación angular en aws cloudfront - javascript, angularjs, amazon-web-services, elastic-beanstalk, amazon-cloudfront

Tengo una aplicación phra laravel que es básicamente unaApi a la que el usuario accederá a través de una aplicación de página única angular. Actualmente, la aplicación angular está contenida en la carpeta pública, pero quiero separarla por mi cuenta para poder implementarla a través de Amazon Cloudfront.

encontré esta Artículo para alojar sitios web estáticos en CloudFront que explica los conceptos básicos, pero no puedo encontrar nada que discuta el impacto de un api con su sitio cdn servido.

Me gustaría poder tener 3 diferentes.entornos, dev / staging y producción, cada uno de los cuales tiene actualmente sus propias instancias administradas beanstalk elásticas y bases de datos independientes. Me gustaría que sus direcciones fueran dev.blah.com / staging.blah.com y blah.com respectivamente y que cada versión de la aplicación angular llegue al backend correcto, etc.

Me gustaría poder desplegar la aplicación angular de una manera similar a como lo hago con el beanstalk elástico, es decir, git push

¿Puedo configurarlo para no tener que modificar la API?puntos finales en la aplicación angular para cada entorno. es decir, la versión dev golpea dev.blah.com/get/user/1 y, con la misma fuente, el staging hits.blah.com/get/user/1? ¿Ocurrirá esto automáticamente o debo tomar acciones específicas para permitir esto?

¿Son todas estas cosas posibles? No espero una guía paso a paso, solo busco un resumen del proceso y un impulso hacia donde pueda encontrar los recursos para aprender a hacerlo yo mismo, ya que mis búsquedas no han dado como resultado mucho.

Respuestas

4 para la respuesta № 1

En CloudFront, en la pestaña "comportamientos" de suDistribución, puede asignar un camino a cada origen. Por ejemplo, puede especificar que las solicitudes / * se redirijan a un grupo de S3 con sus recursos estáticos, pero / api / * se redirige a su backend de api.

En cuanto a los entornos dev / staging / prod, probablemente también serían 3 distribuciones diferentes. Pueden apuntar a los mismos o diferentes orígenes.

Ver "Entrega de todo el sitio con CloudFront"