Bereitstellung nach Heroku mit Gulp, Knoten und Git

Heroku -Bereitstellung mit Gulp, Git und Node.js: Eine umfassende Anleitung

Sie haben wahrscheinlich von Heroku gehört, einer Plattform für die Bereitstellung und Verwaltung von Projekten in verschiedenen Sprachen, darunter Ruby, Node.js, Java, Python und mehr. Seine Buildpacks rationalisieren den Bereitstellungsprozess und machen ihn unter Entwicklern zu einem Favoriten. Diese Anleitung Details, in denen ein Node.js -Projekt mit Gulp, Git und Node.js.

für Heroku bereitgestellt wird

Schlüsselkonzepte:

Erfolgreiches Heroku -Bereitstellungsverhältnis hängt davon ab, Abhängigkeiten in package.json korrekt zu definieren, ein Procfile zu erstellen, um den Befehl App -Startup anzugeben und einen Produktionsserver einzurichten. Herokus Buildpacks erstellen Bereitstellbare Slugs aus Ihrem Anwendungscode, Abhängigkeiten und Laufzeit, während Dynos leichte Container sind, die einen einzigen Befehl ausführen. Das Heroku -Toolbelt erleichtert die Bereitstellung über die Befehlszeile.

Heroku -Terminologie:

• dyno: Ein leichtes Linux -Container, der einen einzelnen Befehl ausführt.
• Buildpack: erleichtert die Slug -Kompilierung; Open-Source und erweiterbar für verschiedene Sprachen. Es kombiniert Ihre App, Ihre Abhängigkeiten und Ihre Laufzeit, um einen Schnecken zu erstellen.
• Slug: Ein Paket, das Ihren Quellcode, Ihre Abhängigkeiten, die Laufzeit und die Erstellung von Ausgaben enthält, bereit für die Ausführung.

Dateianforderungen:

Dieser Handbuch verwendet das Open -Source -Projekt von Transformicons als Beispiel. Sie können dies mit Ihrem eigenen Projekt replizieren.

1. Procfile:

Erstellen Sie eine Datei mit dem Namen Procfile (keine Erweiterung) im Stammverzeichnis Ihres Projekts. Diese Datei definiert den Befehl, um Ihre App zu starten. Für Transformicons:

<code>web: node node_modules/gulp/bin/gulp build</code>

Hierbei wird der lokal installierte Gulp verwendet, ein Server initiiert, Sass zusammengestellt, JavaScript ersetzt, Assets ersetzt, Dateinamen mit Cache-Busting, das Zusammenstellen von Vorlagen mit Montage und Minimierung von HTML.

2. Produktionsserver:

Verwenden Sie diese Aufgabe in gulpfile.js:

gulp.task('serveprod', function() {
  connect.server({
    root: [your_project_path],
    port: process.env.PORT || 5000,
    livereload: false
  });
});

Alternativ können Sie einen Node.js -Server verwenden.

3. package.json Abhängigkeiten:

Stellen Sie sicher, dass Ihr package.json Abhängigkeiten korrekt auflistet. Herokus Produktionsumgebung installiert Abhängigkeiten vom dependencies -Objekt, nicht devDependencies.

{
  "dependencies": {
    "gulp": "^3.8.10",
    "gulp-autoprefixer": "^1.0.1",
    // ... other dependencies
  },
  "devDependencies": {
    "gulp-clean": "^0.3.1"
  }
}

Einsatz zu Heroku:

1. Installieren Sie Heroku-Symbollbelt: Die Heroku-Befehlszeilenschnittstelle herunterladen und installieren.
2. Login: heroku login
3. App erstellen: heroku create
4. nach Heroku drücken: git push heroku master (Stellen Sie sicher, dass Ihr Code zuerst auf Github/Bitbucket gedrückt wird).
5. Öffnen Sie App: heroku open

Denken Sie an Herokus 75 Git -Anfragen pro Stunde pro Benutzer pro App.

benutzerdefinierte Domäne:

Heroku erlaubt nicht das Entfernen von "www". von myproject.herokuapp.com. Fügen Sie Ihrem CNAME -Datensatz myproject.herokuapp.com hinzu und konfigurieren Sie die Namensweiterleitung nach Bedarf.

Erweiterte Techniken:

• Stream Control in Gulp: Für die sequentielle Aufgabenausführung können Streams aus Ihren Gulp -Aufgaben zurückgeben:

<code>web: node node_modules/gulp/bin/gulp build</code>

Schlussfolgerung:

effiziente Bereitstellung ist von entscheidender Bedeutung. Heroku, kombiniert mit Gulp, Git und Node.js, liefert einen robusten und optimierten Workflow.

Weitere Lektüre (Links bleiben unverändert):

• Bereitstellen von NodeJs: Heroku Dev Center
• Heroku zeigt
• Erste Schritte mit Gulp
• ssh Git Transport mit Heroku
• Mehrere Fernbedienungen und Umgebungen auf Heroku

häufig gestellte Fragen (beibehalten):

Der FAQ-Abschnitt bleibt unverändert und bietet wertvolle Fehlerbehebung und Best-Practice-Informationen für die Heroku-Bereitstellung mithilfe von Gulp, Knoten und Git.

Das obige ist der detaillierte Inhalt vonBereitstellung nach Heroku mit Gulp, Knoten und Git. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!