Χρησιμοποιήστε την κλιμακούμενη υποδομή του AWS EC2 για να αναπτύξετε τις εφαρμογές σας React.

Στο σημερινό ταχέως εξελισσόμενο ψηφιακό τοπίο, το cloud computing έχει γίνει ένα απαραίτητο εργαλείο για τις επιχειρήσεις. Μεταξύ των διαφόρων διαθέσιμων πλατφορμών υπολογιστικού νέφους, το Amazon Web Services (AWS) EC2 (Elastic Compute Cloud) ξεχωρίζει ως μια ευέλικτη και ισχυρή πλατφόρμα για την ανάπτυξη εφαρμογών και τη διαχείριση της υποδομής με ευκολία.

Με την επεκτάσιμη υποδομή, τα ισχυρά χαρακτηριστικά ασφαλείας και τις απρόσκοπτες επιλογές ενσωμάτωσης, το EC2 σάς δίνει τη δυνατότητα να ξεκλειδώσετε πλήρως τις δυνατότητες των εφαρμογών σας.

1. Ρυθμίστε μια παρουσία AWS EC2

Για να ξεκινήσετε να χρησιμοποιείτε το AWS EC2, μπορείτε να ακολουθήσετε τα παρακάτω βήματα ως σημείο εκκίνησης.

  • Συνδεθείτε στο Κονσόλα διαχείρισης AWS. Εάν δεν το έχετε κάνει ήδη, δημιουργήστε έναν λογαριασμό στον επίσημο ιστότοπο της AWS.
  • Μεταβείτε στο EC2 και κάντε κλικ στο Εκκίνηση περιπτώσεων.
  • Επιλέξτε ένα Amazon Machine Image (AMI) που υποστηρίζει το λειτουργικό σύστημα που προτιμάτε.
  • instagram viewer
  • Επίσης, διαμορφώστε τις ομάδες ασφαλείας για να επιτρέπεται η εισερχόμενη κυκλοφορία στην εφαρμογή σας (π.χ. HTTP/HTTPS) ως προτιμήσεις σας.
  • Τώρα έχετε δημιούργησε την παρουσία του διακομιστή Linux AWS EC2 με επιτυχία και στη συνέχεια δημιούργησε ένα νέο ζεύγος κλειδιών ή επέλεξε ένα υπάρχον.

2. Συνδεθείτε στο EC2 Instance σας

Αφού ρυθμίσετε με επιτυχία την παρουσία EC2, το επόμενο βήμα είναι να μάθετε πώς να δημιουργήσετε μια σύνδεση με αυτήν.

  • Κάντε λήψη του δημιουργημένου αρχείου ιδιωτικού κλειδιού (.pem) για το ζεύγος κλειδιών σας.
  • Μπορείτε επίσης να συνδέσετε το ζεύγος κλειδιών σας χρησιμοποιήστε προγράμματα-πελάτες FTP όπως το filezilla ή στόκος (εάν είστε χρήστης Windows).
  • Ορίστε τα κατάλληλα δικαιώματα για το αρχείο ιδιωτικού κλειδιού χρησιμοποιώντας την ακόλουθη εντολή στο τερματικό:
 chmod 400 /path/to/key-pair.pem
  • Συνδεθείτε στην παρουσία σας χρησιμοποιώντας SSH.

Για παράδειγμα:

ssh -i /path/to/your-key-pair.pem ec2-user@your-instance-public-ip

Ακολουθώντας αυτά τα βήματα, θα δημιουργήσετε επιτυχώς μια σύνδεση με την παρουσία σας EC2.

3. Ενημερώστε τα πακέτα στην παρουσία σας EC2

Αφού δημιουργήσετε μια σύνδεση με την παρουσία σας EC2, προχωρήστε στην ενημέρωση των πακέτων στην παρουσία σας.

  • Ενημερώστε τα πακέτα στην παρουσία σας EC2 εκτελώντας την ακόλουθη εντολή:
ενημέρωση sudo yum

4. Εγκαταστήστε το Node.js και το npm

Για να εγκαταστήσετε το Node.js και το npm μέσα στο στιγμιότυπο EC2 εκτελέστε την ακόλουθη εντολή:

μπούκλα -ο- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | πηγή bash ~/.nvm/nvm.sh κόμβος εγκατάστασης nvm

5. Κλωνοποιήστε το React Application Repository σας

Για να αναπτύξετε την εφαρμογή React στην παρουσία EC2, εκτελέστε τα ακόλουθα βήματα:

  • Εγκαταστήστε το Git εάν δεν είναι ήδη εγκατεστημένο στην παρουσία σας:
 sudo yum εγκατάσταση git
  • Κλωνοποιήστε το αποθετήριο της εφαρμογής React χρησιμοποιώντας την εντολή:
git κλώνος 

6. Εγκαταστήστε το Project Dependencies

Αφού κλωνοποιήσετε το χώρο αποθήκευσης της εφαρμογής React, μεταβείτε στον κατάλογο του αποθετηρίου και εγκαταστήστε τις εξαρτήσεις του έργου.

CD  npm εγκατάσταση

7. Δημιουργήστε την εφαρμογή React σας

Για να δημιουργήσετε την εφαρμογή React για παραγωγή, χρησιμοποιήστε την ακόλουθη εντολή:

npm εκτέλεση κατασκευής

8. Εγκαταστήστε έναν διακομιστή Web

Για να εκτελέσετε την εφαρμογή React στην παρουσία EC2, εγκαταστήστε έναν διακομιστή web, όπως π.χ Nginx. Το Nginx παρέχει χαρακτηριστικά απόδοσης, επεκτασιμότητας, προσωρινής αποθήκευσης, εξισορρόπησης φορτίου και ασφάλειας για να εξασφαλίσει αξιόπιστη παράδοση της εφαρμογής σας. Εγκαταστήστε το Nginx χρησιμοποιώντας την εντολή:

sudo yum εγκατάσταση nginx

9. Διαμόρφωση Nginx

Για να διαμορφώσετε το Nginx για την εφαρμογή React, ακολουθήστε τα εξής βήματα:

  • Ανοίξτε το αρχείο διαμόρφωσης Nginx χρησιμοποιώντας την εντολή:
sudo nano /etc/nginx/nginx.conf
  • Ενημερώστε το μπλοκ διακομιστή για να συμπεριλάβει το ακόλουθο μπλοκ τοποθεσίας:
διακομιστής {...location / {root/path/to/your/react/application/build;
ευρετήριο index.html;
try_files $uri /index.html;}... }

Αποθηκεύστε το αρχείο και βγείτε από το πρόγραμμα επεξεργασίας.

10. Εκκινήστε τον διακομιστή Nginx

Για να ξεκινήσετε τον διακομιστή Nginx και να ενεργοποιήσετε την αυτόματη εκκίνηση κατά την εκκίνηση του συστήματος, χρησιμοποιήστε τις ακόλουθες εντολές:

υπηρεσία sudo nginx startsudo chkconfig nginx ενεργή

11. Πρόσβαση στην εφαρμογή React σας

Για να αποκτήσετε πρόσβαση στην εφαρμογή React που έχετε αναπτύξει, ακολουθήστε τα εξής βήματα:

  • Στην Κονσόλα σας, βρείτε τη δημόσια διεύθυνση IP της παρουσίας σας αναζητώντας την παρουσία EC2 που δημιουργήσατε.
  • Στη συνέχεια, αναζητήστε την εφαρμογή που έχετε αναπτύξει χρησιμοποιώντας αυτήν τη διεύθυνση IP ή τον τομέα που σχετίζεται με την παρουσία σας EC2.

Απελευθερώστε τη δύναμη του AWS για Βελτίωση Εφαρμογών

Το AWS προσφέρει ένα ευρύ φάσμα υπηρεσιών και λειτουργιών που μπορούν να βελτιώσουν σημαντικά τις δυνατότητες της εφαρμογής σας. Εξερευνώντας επιλογές όπως η αυτόματη κλιμάκωση, η εξισορρόπηση φορτίου και οι βάσεις δεδομένων, και παρακολουθώντας συνεχώς την απόδοση και την ασφάλεια της παρουσίας EC2, μπορείτε να διασφαλίσετε τη βέλτιστη λειτουργία.

Η εκμάθηση της διαδικασίας ρύθμισης μιας παρουσίας EC2 και η ανάπτυξη μιας εφαρμογής React όχι μόνο σας εξοπλίζει με πολύτιμες δεξιότητες, αλλά σας δίνει επίσης τη δυνατότητα να αξιοποιήσετε πλήρως τις δυνατότητες του υπολογιστικού νέφους.