Comment déployer l'application angulaire dans AWS

Le cadre angulaire est utilisé pour créer des applications pour les sites Web et les mobiles qui offrent une expérience et une interface conviviales. Il s'agit d'un cadre JavaScript qui est open-source et est principalement utilisé pour développer des applications composées de pages uniques. AWS fournit des services à distance pour créer et exécuter différentes applications, et le déploiement d'applications angulaires est également une tâche simple.

Déployer l'application angulaire dans AWS

Pour déployer l'application angulaire dans AWS, configurez la CLI AWS à l'aide de la commande suivante:

AWS Configure

Note: Si vous n'avez pas installé le CLI AWS ou avez besoin d'aide pour la configuration, lisez ce guide!

La commande ci-dessus incitera l'utilisateur à entrer le «Accès" et "Secret»Clé avec la région et le format de sortie:

Installez l'environnement Node JS en cliquant ici, puis utilisez la commande suivante pour valider son installation

Node -v
npm -v

L'exécution de la commande ci-dessus affichera leurs versions:

Après cela, installez la CLI angulaire en utilisant la commande mentionnée ci-dessous qui sera utilisée pour créer l'application:

NPM Install -g @ Angular / CLI

La commande ci-dessus affichera la sortie suivante:

Utilisez la commande suivante pour créer les fichiers d'application:

ng nouveau my-dream-app

Cela incitera l'utilisateur à taper "Oui»Et appuyez sur Entrée:

Rendez-vous dans le fichier d'application à l'aide de la commande suivante:

cd my-dream-app

L'exécution de la commande ci-dessus s'affichera, laissez l'utilisateur à l'intérieur du fichier d'application:

Utilisez la commande suivante pour déployer l'application angulaire localement:

Ng servir

L'exécution de la commande ci-dessus déploiera l'application sur le localhost:

Dirigez-vous dans le seau Amazon S3 et cliquez sur le "Créer" bouton:

Fournissez les informations d'identification du seau S3 sur la page de création de seau:

Donnez au public un accès au seau à des fins de déploiement:

Faites défiler en bas de la page pour cliquer sur le «Créer un seau" bouton:

Retour au terminal pour utiliser la commande suivante:

Ng Build

L'exécution de la commande ci-dessus compilera l'application:

Téléchargez les fichiers d'application Angular sur le seau Amazon S3 à partir de la plate-forme:

Clique sur le "Ajouter le dossier"Bouton pour télécharger les fichiers sur le seau:

Accordez l'accès public aux fichiers et cliquez sur le «Télécharger" bouton:

Rendez-vous dans la section d'hébergement statique pour cliquer sur le «Activer"Bouton et tapez"indice.html”Pour le document d'index:

Utilisez le code suivant dans la politique du seau S3:

"Version": "2012-10-17",
"Déclaration": [

"Sid": "AllowPublicReadAccess",
"Effet": "Autoriser",
"Principal": "*",
"Action": [
"S3: getObject"
]],
"Ressource": [
"Arn: AWS: S3 ::: / *"
]]

]]

Enregistrez la stratégie du seau de la page:

Après cela, ouvrez le «Emballer.json«Fichier pour modifier le«Scénario”Section en utilisant la capture d'écran suivante:

Exécutez la commande suivante pour exécuter le code de déploiement ajouté au fichier:

ng build && npm run aws-deploy

L'exécution de la commande ci-dessus déploiera l'application dans l'AWS:

Utilisez l'URL de l'objet dans le navigateur Web pour visiter l'application:

Vistre l'URL affichera le résultat suivant sur le navigateur:

Vous avez réussi à déployer une application angulaire dans AWS.

Conclusion

Pour déployer l'application angulaire dans l'AWS, créez l'application angulaire et téléchargez-la sur le seau Amazon S3. Créez un godet S3 à partir de la plate-forme et téléchargez les fichiers d'application dessus. Après cela, créez un accès public au seau et modifiez la politique du seau. Modifier le package.Fichier JSON pour ajouter AWS Deploy Deploy Code et utiliser la commande Deploy sur le terminal. Ce guide a expliqué le processus de déploiement des applications angulaires dans AWS.