Heroku Deploy - Πώς να προωθήσετε μια εφαρμογή ιστού ή έναν ιστότοπο στην παραγωγή

Όσον αφορά την ανάπτυξη μιας εφαρμογής, συνήθως υπάρχουν δύο επιλογές: ένα VPS ή ένα PaaS (πλατφόρμα ως υπηρεσία). Αυτό το άρθρο θα σας δείξει μια συνταγή για την ανάπτυξη μιας εφαρμογής στην παραγωγή σε PaaS όπως το Heroku.

Βήμα 1 - Δημιουργήστε το έργο

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

Σε έναν νέο φάκελο θα ανοίξω ένα τερματικό και θα εκτελέσω την εντολή npm init -yγια να δημιουργήσω ένα νέο έργο. Ο εικονικός διακομιστής θα γραφτεί στο Express, οπότε πρέπει να εκτελέσουμε την npm install expressεντολή για να εγκαταστήσουμε αυτήν την ενότητα.

Μόλις εγκατασταθεί αυτή η βιβλιοθήκη, μπορούμε να δημιουργήσουμε ένα νέο αρχείο για το έργο μας, το όνομα app.js. Μέσα σε αυτό θα γράψουμε τον κωδικό για τον απλό διακομιστή μας:

Μπορούμε να ξεκινήσουμε την εφαρμογή εκτελώντας node app.js. Στη συνέχεια, μπορούμε να το δοκιμάσουμε στην ακόλουθη διεύθυνση URL //localhost:3000. Σε αυτό το σημείο θα πρέπει να δείτε το μήνυμα Hello Worldστο πρόγραμμα περιήγησης.

Βήμα 2 - Σύστημα ελέγχου έκδοσης

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

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

Στο GitHub, προχωρήστε και δημιουργήστε ένα νέο αποθετήριο για την εφαρμογή σας, όπως αυτό:

Για να ανεβάσετε τον τοπικό σας κώδικα σε ένα αποθετήριο, πρέπει να εκτελέσετε τις εντολές που παρατίθενται στο Github αφού κάνετε κλικ στο Create repositoryκουμπί:

! Πριν το κάνουμε αυτό, πρέπει να αγνοήσουμε ορισμένα αρχεία. Θέλουμε να ανεβάσουμε στο αποθετήριο μόνο τον κώδικα που γράφουμε, χωρίς τις εξαρτήσεις (τα εγκατεστημένα modules).

Για αυτό, πρέπει να δημιουργήσουμε ένα νέο αρχείο .gitignoreκαι μέσα σε αυτό να γράψουμε το αρχείο που θέλουμε να αγνοήσουμε.

Τώρα, μπορούμε να γράψουμε τις εντολές που αναφέρονται στην παραπάνω εικόνα (αυτή από το GitHub).

Εάν εκτελέσατε σωστά τις εντολές, τότε θα βρίσκονται στη σελίδα του αποθετηρίου σας. Εάν το ανανεώσετε θα πρέπει να δείτε τα αρχεία σας, εκτός από αυτό που αγνοήσατε ρητά, δηλαδή node_modules.

Βήμα 3 - Συνδέστε το αποθετήριο με το Heroku

Σε αυτό το βήμα, μπορούμε να συνδέσουμε το αποθετήριο από το Github με την εφαρμογή Heroku.

Αρχικά, δημιουργήστε μια νέα εφαρμογή στο Heroku και ακολουθήστε τα βήματα που αναφέρονται στην πλατφόρμα.

Μόλις δημιουργηθεί η εφαρμογή, θα εμφανιστεί ένα παράθυρο παρόμοιο με αυτό:

Τώρα, αν δει κανείς την πλοήγηση στο επάνω μέρος, θα δείτε   Overview, Resources, Deploy, Metrics  και ούτω καθεξής. Βεβαιωθείτε ότι Deployέχει επιλεγεί. Στη συνέχεια, στη δεύτερη σειρά, κάντε κλικ στο εικονίδιο GitHub.

Αναζητήστε την επιθυμητή εφαρμογή, η οποία είναι demo-deploy-app-09στην περίπτωσή μας. Στη συνέχεια κάντε κλικ Connect.

Μόλις η εφαρμογή συνδεθεί επιτυχώς με τον λογαριασμό σας Heroku, μπορείτε να κάνετε κλικ Deploy Branchγια να αναπτύξετε την εφαρμογή σας.

Εάν θέλετε, μπορείτε επίσης να ορίσετε την επιλογή Enable Automatic Deploysπου θα τραβά αυτόματα τον κώδικα από το αποθετήριο Github κάθε φορά που πιέζετε το συγκεκριμένο αποθετήριο.

Μόλις αναπτυχθεί η εφαρμογή, μπορείτε να κάνετε κλικ στο Προβολή για να ανοίξετε την εφαρμογή σας.

Βήμα 4 - Ρυθμίστε το Heroku για να εκτελέσετε σωστά την εφαρμογή

Εάν ανοίξετε την εφαρμογή σε αυτό το σημείο, θα πρέπει να δείτε κάτι τέτοιο:

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

Αν θυμάστε, εκτελέσαμε την εντολή node app.jsγια να ξεκινήσουμε την εφαρμογή τοπικά.

Το Heroku δεν έχει κανέναν τρόπο να γνωρίζει ποιες εντολές χρειάζεται για να ξεκινήσει η εφαρμογή και γι 'αυτό έριξε ένα σφάλμα.

Για να λυθεί αυτό το πρόβλημα, θα πρέπει να δημιουργήσετε ένα νέο αρχείο με το όνομα Procfileμε το ακόλουθο περιεχόμενο: web: node ./app.js.

Για να ενημερώσουμε την εφαρμογή μας, το μόνο που χρειάζεται να κάνουμε είναι να προωθήσουμε μια νέα δέσμευση στο GitHub. Εάν έχουμε ενεργοποιήσει την Automatic Deploysεπιλογή, τότε ο κωδικός θα τραβηχτεί αυτόματα στο Heroku. Διαφορετικά πρέπει να κάνουμε Deploy Branchξανά κλικ .

Μόλις η εφαρμογή ξαναχτιστεί, θα πρέπει να τη δούμε να λειτουργεί έτσι:

Βήμα 5 - Πώς να προσθέσετε ένα πρόσθετο

Ένα βασικό όφελος που παρέχει το Heroku είναι το γεγονός ότι μπορείτε εύκολα να προσθέσετε πόρους με τη μορφή του add-onsέργου σας. Αυτοί οι εξωτερικοί πόροι διατίθενται με τη μορφή βάσεων δεδομένων, εργαλείων καταγραφής και παρακολούθησης, εργαλείων CI και CD ή εργαλείων δοκιμών.

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

Προχωρήστε και κάντε κλικ Find more add-onsκαι μετά αναζητήστε Loadmill.

Το Loadmill είναι ένα εργαλείο δοκιμών που είναι πραγματικά εξαιρετικό για τον έλεγχο παλινδρόμησης και τον έλεγχο φορτίου.

Προχωρήστε και κάντε κλικ στο Install…. Στη συνέχεια, επιλέξτε την εφαρμογή που θέλετε να συνδέσετε.

Σε αυτό το βήμα, η Heroku θα δημιουργήσει αυτόματα έναν νέο λογαριασμό για εσάς στην πλατφόρμα που παρέχεται.

Στην καρτέλα πόρων, μπορείτε να δείτε τον πόρο που προστέθηκε πρόσφατα:

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

συμπέρασμα

Το Heroku επιτρέπει στους προγραμματιστές να αναπτύξουν γρήγορα και σχεδόν ανώδυνα την εφαρμογή σε έναν διακομιστή ιστού.

Παρέχει επίσης πολλά πρόσθετα που μπορείτε να ενσωματώσετε στην εφαρμογή σας.

Μια λύση PaaS θα σας επιτρέπει πάντα να κινηθείτε γρηγορότερα από τη λύση με ένα VPS όπου πρέπει να ρυθμίσετε τα πάντα από το μηδέν.