Cómo implementar la aplicación Angular en AWS

El marco angular se utiliza para crear aplicaciones para sitios web y móviles que proporcionan una experiencia e interfaz fácil de usar. Es un marco de JavaScript que es de código abierto y se utiliza principalmente para desarrollar aplicaciones que consisten en páginas únicas. AWS proporciona servicios remotos para construir y ejecutar diferentes aplicaciones, y la implementación de aplicaciones angulares también es una tarea simple.

Implementar la aplicación angular en AWS

Para implementar la aplicación angular en AWS, configure la AWS CLI usando el siguiente comando:

AWS Configurar

Nota: Si no tiene instalada la CLI de AWS, o necesita ayuda con la configuración, lea esta guía!

El comando anterior le pedirá al usuario que ingrese el "Acceso" y "Secreto"Clave con la región y el formato de salida:

Instale el entorno del nodo JS haciendo clic aquí y luego use el siguiente comando para validar su instalación

nodo -v
npm -v

Ejecutar el comando anterior mostrará sus versiones:

Después de eso, instale la CLI angular utilizando el comando mencionado a continuación que se utilizará para crear la aplicación:

NPM instalación -g @angular/cli

El comando anterior mostrará la siguiente salida:

Use el siguiente comando para crear los archivos de aplicación:

ng nuevo my-dream-app

Le pedirá al usuario que escriba "Sí"Y golpea Enter:

Dirígete al archivo de aplicación usando el siguiente comando:

CD My-Dream-App

Ejecutar el comando anterior se mostrará permitir que el usuario esté dentro del archivo de aplicación:

Use el siguiente comando para implementar la aplicación angular localmente:

Servir

Ejecutar el comando anterior implementará la aplicación en el localhost:

Dirígete al cubo de Amazon S3 y haga clic en el "Crear" botón:

Proporcione las credenciales para el cubo S3 en la página de creación de deseos:

Dé el acceso público al cubo para el propósito de implementación:

Desplácese hacia abajo en la parte inferior de la página para hacer clic en "Crear un balde" botón:

Regrese al terminal para usar el siguiente comando:

Ng Build

Ejecución del comando anterior compilará la aplicación:

Cargue los archivos de aplicación Angular en el cubo de Amazon S3 desde la plataforma:

Clickea en el "Agregar carpeta"Botón para cargar los archivos en el cubo:

Otorgue acceso público a los archivos y haga clic en el "Subir" botón:

Dirígete a la sección de alojamiento estático para hacer clic en "Permitir"Botón y tipo"índice.html"Para el documento de índice:

Use el siguiente código en la política del cubo S3:

"Versión": "2012-10-17",
"Declaración": [

"Sid": "permitirse publicreadaccess",
"Efecto": "Permitir",
"Principal": "*",
"Acción": [
"S3: getObject"
],
"Recurso": [
"ARN: AWS: S3 :::/*"
]

]

Guarde la política para el cubo de la página:

Después de eso abre el "Paquete.jsonArchivo "para editar el"GuionSección "Uso de la siguiente captura de pantalla:

Ejecute el siguiente comando para ejecutar el código de implementación agregado al archivo:

ng build && npm ejecutar aws-deploy

Ejecución del comando anterior implementará la aplicación en el AWS:

Use la URL de objeto en el navegador web para visitar la aplicación:

Visting La URL mostrará el siguiente resultado en el navegador:

Ha implementado con éxito una aplicación angular en AWS.

Conclusión

Para implementar la aplicación angular en el AWS, cree la aplicación angular y cárguela en el cubo de Amazon S3. Cree un cubo S3 desde la plataforma y cargue los archivos de aplicación en él. Después de eso, cree acceso público al cubo y edite la política de cubo. Cambiar el paquete.archivo json para agregar código de implementación de AWS y usar el comando de implementación en el terminal. Esta guía ha explicado el proceso de implementación de aplicaciones angulares en AWS.