Sie haben die schwere Arbeit erledigt und eine Webanwendung erstellt, herzlichen Gluckwunsch! Nachdem Sie Ihre Webanwendung auf Ihrem lokalen Computer erstellt haben, besteht der nächste Schritt darin, sie online zu stellen. Sobald Ihre Anwendung online ist, hat sie eine eigene Webadresse, damit Sie Ihre Entwicklung mit der Welt teilen können.
In der Welt der Software- und Webentwicklung nennen wir dies Prozessbereitstellung. Im Softwareentwicklungslebenszyklus ist die Bereitstellung die Phase, die nach dem Testen folgt. Wenn Sie mehr uber den Zyklus erfahren m√∂chten, lesen Sie unser Tutorial ‚ÄûWas ist SDLC?‚"
Eine der beliebtesten Methoden zum Bereitstellen einer Webanwendung ist die Verwendung von Heroku. Heroku ist eine Cloud-Anwendungsplattform, mit der Sie dynamische Anwendungen hosten können, die in einer Vielzahl von Sprachen wie JavaScript und Python geschrieben sind.
In diesem Tutorial zeigen wir Ihnen, wie Sie eine Anwendung bei Heroku. Wir werden erklären, wie Sie Heroku auf Ihrer Befehlszeile einrichten und Ihr Projekt auf der Heroku-Plattform bereitstellen.
Wer sollte Heroku verwenden?
Die Heroku-Plattform ist spezialisiert auf die Bereitstellung dynamischer Webanwendungen. Wenn Sie eine statische Website mit HTML oder CSS erstellen, sollten Sie wahrscheinlich eine andere Option in Betracht ziehen. Wenn Sie keine Webanwendung erstellen, ist Heroku ebenfalls nichts fur Sie.
Hier sind einige Anwendungen, die in Heroku bereitgestellt werden könnten:
Eine mit Python Flask erstellte To-Do-Listen-App
Eine mit Ruby on Rails erstellte Wetter-Tracking-App
Eine Java-Microservice-Anwendung
Eine persönliche Kalender-App erstellt mit PHP
Ein Blog erstellt mit Node.js
Einrichten eines Projekts
In diesem Tutorial werden wir ein Reagieren Sie Anwendung auf Heroku. Um die Dinge einfach zu halten, werden wir die Boilerplate create-react-app fur Heroku bereitstellen. Dies ist eine Vorlage, die als Ausgangspunkt fur jede React-Anwendung verwendet werden kann.
In diesem Teil des Tutorials wird davon ausgegangen, dass npm und Node auf Ihrem Computer installiert sind. Sie k√∂nnen zum Abschnitt "Erste Schritte mit Heroku‚" springen, wenn Sie bereits eine App bereitstellen m√∂chten.
81 % der Teilnehmer gaben an, dass sie sich nach dem Besuch eines Bootcamps in Bezug auf ihre Berufsaussichten im Tech-Bereich sicherer fuhlten. Holen Sie sich noch heute ein Bootcamp.
Der durchschnittliche Bootcamp-Absolvent hat weniger als sechs Monate im Berufsleben verbracht √úbergang, vom Starten eines Bootcamps bis zum Finden des ersten Jobs.
Um mit create-react-app zu beginnen, können wir diese Befehle ausfuhren:
Der erste Befehl installiert create-react-app und initialisiert eine Beispielanwendung im Ordner namens heroku-demo-app. Der zweite Befehl ändert unser Arbeitsverzeichnis in diesen Ordner, damit wir dann unsere neu erstellte Demoanwendung ausfuhren können.
Der Befehl npm start teilt uns mit, dass unsere Anwendung jetzt unter localhost:3000 verfugbar ist. Sobald ich die App lokal starte, sehe ich Folgendes:
Get mit Heroku gestartet
Jetzt, wo wir " ve, eine Anwendung zu implementierende haben, können wir beginnen, die Bereitstellungsprozess fur Heroku. Bevor wir beginnen, sollten Sie ein Konto auf der Heroku-Plattform erstellen, was Sie uber deren Website tun können.
Es gibt verschiedene Möglichkeiten, eine Anwendung auf Heroku bereitzustellen. Sie können ihre Weboberfläche verwenden, um eine Anwendung bereitzustellen, die Befehlszeile verwenden oder Git verwenden.
Fur dieses Tutorial verwenden wir die Befehlszeile. Dies erfordert die Installation des Heroku Toolbelt oder der Heroku CLI. Sie können dies tun, indem Sie die offiziellen Installationsanweisungen fur Heroku Toolbelt befolgen.
Bei Heroku anmelden
Sobald Sie den Heroku Toolbelt in Ihrer Befehlsshell installiert haben, können Sie beginnen. Zuerst sollten Sie sich mit diesem Befehl bei Ihrem Heroku-Konto anmelden:
Sie werden aufgefordert, Ihren Benutzernamen und Ihr Passwort einzugeben, die zur Authentifizierung Ihres Kontos uber die Befehlszeile verwendet werden.
Definieren Sie Ihre Prozesstypen
Der nächste Schritt besteht darin, eine Datei namens Procfile zu erstellen. Dadurch werden die Prozesstypen definiert, die Heroku mitteilen, wie Ihre Anwendung bereitgestellt werden soll. Sie können damit ein Procfile erstellen Befehl:
Öffnen Sie das Procfile in Ihrem Lieblingstext Editor und fugen Sie dann die Codezeile hinzu, mit der Sie Ihre Anwendung ausfuhren können. Da wir in diesem Fall eine React-App bereitstellen, fugen wir den folgenden Befehl in die Datei ein:
Der web:-Teil unseres Befehls weist Heroku an, eine neue Webinstanz zum Hosten unserer Anwendung zu erstellen. npm start ist der Befehl, den Heroku verwenden sollte, um unsere Anwendung auszufuhren. < /p>
Was Sie hier eingeben, hängt von der Art der Anwendung ab, die Sie bereitstellen. Sie können zum Beispiel web:flakon run verwenden, wenn Sie eine Python Flask-Anwendung bereitstellen.
Anwendung erstellen
Sobald Sie eine Anwendung eingerichtet haben Profildatei, Sie sind bereit, eine App zu erstellen. Sie können dies tun, indem Sie diesen Befehl ausfuhren:
Ersetzen Sie den Namen Ihrer Anwendung durch app-name-here. Sobald dieser Befehl ausgefuhrt wurde, sehen Sie eine Ausgabe, die ungefähr so ​​​​aussieht:
Wenn Sie zur Domain fur Ihre Anwendung navigieren, sehen Sie eine Seite mit der Meldung, dass noch keine App vorhanden ist. Dies liegt daran, dass wir unsere Anwendung noch nicht in Heroku bereitgestellt haben. Das werden wir im nächsten Abschnitt tun.
Git einrichten und Ihre App bereitstellen
Sie mussen den Git-Befehl verwenden, um Ihre Anwendung in Heroku bereitzustellen . Dazu mussen wir noch einige Einstellungen vornehmen.
Initiieren Sie zunächst ein Repository in Ihrem Projektordner und ubergeben Sie Ihren Code:
Dadurch wird ein Git-Repository auf unserem lokalen Computer fur unser Projekt erstellt und unser gesamter Code zu einem Commit hinzugefugt mit die Nachricht Push-Code. Sobald wir diese Befehle ausgefuhrt haben, können wir unsere Anwendung fur Heroku bereitstellen.
"Karma-Karma trat in mein Leben ein, als ich es brauchte am meisten und half mir schnell, mit einem Bootcamp zusammenzupassen. Zwei Monate nach meinem Abschluss habe ich meinen Traumjob gefunden, der meinen Werten und Lebenszielen entspricht!"
Venus, Software Engineer bei Rockbot
Fuhren Sie diesen Befehl aus, um Ihre App in Heroku bereitzustellen:
Es kann einige Minuten dauern zwischen der Ausfuhrung dieses Befehls und der Verfugbarkeit Ihrer Anwendung im Internet, damit die Benutzer sie verwenden können.
Dies liegt daran, dass Heroku alle Abhängigkeiten fur . installieren muss Ihr Projekt. Je mehr Abhängigkeiten Sie haben, desto länger dauert dieser Vorgang. Nachdem Sie Ihr Projekt jedoch zum ersten Mal bereitgestellt haben, werden Sie feststellen, dass sich dieser Vorgang normalerweise beschleunigt.
Sobald unsere Anwendung bereitgestellt wurde, können wir zur URL unserer Anwendung navigieren und sie live im Internet sehen:
Das " s it! Wenn Sie eine Anwendung ausfuhren, die eine zusätzliche Konfiguration erfordert, mussen Sie möglicherweise den Befehl heroku run verwenden, um Ihre Anwendung zu konfigurieren. Zum Beispiel mussen Sie möglicherweise heroku run verwenden, um die Datenbank fur Ihr Projekt zu migrieren, falls Sie eine verwenden.
Zusammenfassung
Heroku ist ein großartige Plattform, um Ihre dynamischen Webprojekte bereitzustellen. Mit Heroku können Sie eine Webanwendung bereitstellen, ohne einen eigenen Server erstellen zu mussen. Heroku hat auch einen gunstigen kostenlosen Plan, mit dem Sie eine Anwendung kostenlos in der Cloud ausfuhren können.
Jetzt sind Sie bereit, Ihre Anwendungen wie ein Experte in Heroku bereitzustellen!
