Πίνακας περιεχομένων:

Πώς να αναπτύξετε μια εφαρμογή Node.js στο Heroku: 3 βήματα
Πώς να αναπτύξετε μια εφαρμογή Node.js στο Heroku: 3 βήματα
Anonim
Πώς να αναπτύξετε μια εφαρμογή Node.js στο Heroku
Πώς να αναπτύξετε μια εφαρμογή Node.js στο Heroku

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

Λογισμικό που χρησιμοποιείται:

VSCode (ή οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου της επιλογής σας)

HerokuCLI

Git

Βήμα 1: Δημιουργήστε ένα Package.json

Εισαγωγή:

Το Heroku είναι ένας ιστότοπος ahosting που επιτρέπει στο ypu να αναπτύσσει 5 εφαρμογές δωρεάν με χρόνο εκτέλεσης 500+ ωρών το μήνα. Για να αναπτύξετε ένα, θα πρέπει να ανεβάσετε 3 αρχεία:

Ένα πακέτο.json και package-lock.json flle. Μπορείτε να ακολουθήσετε το άλλο μου σεμινάριο για ένα βήμα προς βήμα φροντιστήριο για να το φτιάξετε κάνοντας κλικ εδώ. Το package-lock.json εμφανίζεται αυτόματα μετά την κατασκευή ενός package.json. Δεδομένου ότι θα το εκτελέσουμε στο herku, στο πακέτο σας, το αρχείο json, πρέπει να καθορίσετε ένα σενάριο έναρξης και την επαλήθευση του κόμβου σας σε enines. τώρα εκτελέστε τον κόμβο εντολών -v. Εδώ είναι ένα παράδειγμα:

{

"name": "heroku", "έκδοση": "1.0.0", "description": "", "main": "index.js", "scripts": {

"test": "echo \" Σφάλμα: δεν έχει προσδιοριστεί δοκιμή / "&& έξοδος 1", "start": "node server.js"

}, "λέξεις -κλειδιά": , "συγγραφέας": "", "license": "ISC", "κινητήρες": {

"κόμβος": "12.x"

}

}

Βήμα 2: Δημιουργήστε την εφαρμογή σας Node.js

Δεδομένου ότι αυτή η εφαρμογή θα εκτελείται σε οποιοδήποτε λιμάνι μας δίνει heroku, πρέπει να καθορίσουμε τον κώδικα που θα μας δώσει χρησιμοποιώντας αυτόν τον κώδικα process.env. PORT. Ακολουθεί μια εφαρμογή κόμβου js που λέει "γεια":

const http = απαιτεί ('http'); // φορτώνει τη βιβλιοθήκη για να της επιτρέψει να λειτουργεί ως θύρα servervar = process.env. PORT || 5000; // καθορίζει τη θύρα όχι σε ό, τι δίνει το heroku ή 5000 στον τοπικό κεντρικό υπολογιστή http.createServer (λειτουργία (req, res) {// δημιουργεί διακομιστή res.writeHead (200, {'Content-type': 'text/plain'}); // Καθορίζει ότι οι απαντήσεις "γεια" είναι ένα κείμενο res.end ("γεια"); // εμφανίζει το κείμενο "γεια" στη σελίδα της προβάτου}). Ακούστε (θύρα); // συνδέει αυτόν τον διακομιστή στη θύρα αριθ.

Βήμα 3: Γραμμή εντολών

Γραμμή εντολών
Γραμμή εντολών
Γραμμή εντολών
Γραμμή εντολών
Γραμμή εντολών
Γραμμή εντολών
  • Ανοίξτε τη γραμμή εντολών πατώντας Windows+R για να ανοίξετε το πλαίσιο "Εκτέλεση", πληκτρολογήστε "cmd" και, στη συνέχεια, κάντε κλικ στο "OK"
  • Σε CMD, μεταβείτε στη ρίζα πληκτρολογώντας "cd.." μέχρι να μην συμπεριληφθεί καμία διαδρομή.
  • Ελέγξτε εάν το npm (ένας διαχειριστής βιβλιοθήκης εγκατεστημένο από κόμβο), git και heroku είναι σωστά εγκατεστημένο πληκτρολογώντας:

npm -ανατροπή

git -μετατροπή heroku -ανατροπή

Συνδεθείτε στο λογαριασμό yor herku

heroku login

Αυτό δημιουργεί μια εφαρμογή στο heroku:

heroku δημιουργία

Για να ανεβάσετε τα αρχεία σας, πρέπει να φτάσετε στη διαδρομή του πληκτρολογώντας cd

CD

Δημιουργεί ένα νέο αποθετήριο (φάκελο) στη συσκευή κλειδώματος για τα στοιχεία αυτής της διαδρομής

git init

Συνδεθείτε από απόσταση σε ένα φάκελο στο heroku μέσω του git στην εφαρμογή σας

heroku git: τηλεχειριστήριο

Αντιγράφει αυτό το αρχείο από απόσταση στο τοπικό σας αποθετήριο git u μέσω του git στην εφαρμογή σας

git add.

Αποθηκεύστε τις αλλαγές που έχετε κάνει στο φάκελο με ένα μήνυμα "κάντε το καλύτερο"

git commit -am "το κάνω καλύτερο"

Ανεβάζει τα αρχεία στο φάκελο git στο heroku. Περιμένετε να κατεβάσει

git push heroku master

ανοίγει την εφαρμογή

heroku ανοιχτή εφαρμογή