Comment déployer l'application React à AWS

React est une bibliothèque dans le langage JavaScript pour créer des interfaces utilisateur rapides et interactives et est l'une des bibliothèques les plus populaires pour développer des interfaces utilisateur. Il utilise des composants indépendants, isolés et réutilisables qui sont des morceaux de l'interface utilisateur et les compose pour construire des structures complexes. Cet article vous guidera dans le déploiement des applications React à AWS en utilisant les instances EC2.

Commençons par comment déployer une application React à AWS:

Déployer l'application React à AWS

Pour déployer l'application React à AWS, créez une instance EC2 à partir de la console EC2 en cliquant sur le "Lancer des instances" bouton:

Entrez le nom de l'instance avec la sélection d'images de la machine Amazon pour l'instance EC2:

Choisissez le type d'instance et créez la paire de clés privées en cliquant sur le "Créer une nouvelle paire de clés" lien:

Tapez le nom du fichier de paire de clés et sélectionnez le type de fichier et le format pour le télécharger. Après cela, cliquez sur le "Créer une paire de clés”Bouton en bas de la page pour créer le fichier de paire de clés:

Autoriser le trafic HTTP et HTTPS depuis Internet dans les groupes de sécurité. Après cela, passez simplement en revue tous les paramètres avant de cliquer sur le «Instance de lancement«Pour créer une instance EC2:

Après la création d'instance, sélectionnez-le et cliquez sur le «Connecter”Bouton pour se connecter à l'instance EC2:

Sélectionnez le client SSH pour se connecter à l'instance et copier la commande mentionnée dans la capture d'écran ci-dessous:

Collez la commande sur l'invite de commande ou PowerShell et modifiez le chemin d'accès du fichier de paire de clés privés:

Une fois l'utilisateur connecté à l'instance EC2, utilisez la commande suivante pour mettre les packages APT mis à jour:

Mise à jour apt-get

L'exécution de la commande ci-dessus affichera la sortie suivante:

Installez le serveur Nginx pour déployer l'application React après cela, vérifiez son existence et redémarrez le serveur à l'aide des commandes suivantes:

sudo apt-get install nginx -y
nginx -v
sudo systemctl redémarrer nginx

Ces commandes installeront et démarreront les services Nginx:

Après cela, installez la curl pour créer une application React sur le serveur Nginx en utilisant la commande suivante:

sudo apt-get install curl

L'exécution de cette commande affichera la sortie suivante:

Après cela, utilisez Curl pour télécharger Nodejs en utilisant la commande suivante:

curl -sl https: // deb.nœud.com / setup_14.X | sudo -e bash -

Le résultat suivant sera affiché à partir de la commande ci-dessus:

Une fois le téléchargement terminé, installez les NodeJ en utilisant la commande suivante:

sudo apt-get install -y nodejs

Cette commande installera les nodejs pour créer l'application React:

Utilisez la commande suivante pour localiser le dossier dans lequel l'application React sera créée:

cd / var / www / html /

L'utilisateur est à l'intérieur du dossier pour créer l'application React:

Créez l'application à l'intérieur du dossier à l'aide de la commande suivante:

NPX Create-React-App React-tutorial

L'exécution de cette commande affichera la sortie suivante:

Utilisez les commandes suivantes pour démarrer le NPM et exécuter l'application React:

cd réactif-tutorial
NPM Start

L'exécution de cette commande vous permettra d'accéder à l'application React sur le navigateur Web à l'aide des liens à partir de la capture d'écran ci-dessous:

Votre application React s'exécute sur le navigateur à l'aide du LocalHost ou du réseau AWS:

Vous avez réussi à déployer une application React à AWS:

Conclusion

Les applications React peuvent être déployées à l'aide de l'instance AWS EC2. Créez l'instance EC2 à partir de la page Console EC2, puis connectez-vous à l'aide du client SSH. Une fois que vous êtes dans l'instance EC2, téléchargez et installez le serveur Nginx et les nodejs pour déployer l'application React à AWS. À l'intérieur du Nodejs, créez une application React qui sera déployée à l'aide du serveur Nginx.