Bereitstellung einer Yeoman/Angular -App in Heroku

Bereitstellung Ihrer Yeoman/Angular-App in Heroku: Eine Schritt-für-Schritt-Anleitung

Bereit, Ihre yeoman-betriebene AngularJS-Anwendung mit der Welt zu teilen? Dieses Tutorial führt Sie durch die Bereitstellung von Heroku.

Voraussetzungen:

• Befehlszeilenkenntnisse.
• node.js und npm installiert.
• Ein Heroku -Account und der Heroku -Symbollbelt.
• Eine von Yeoman erzeugte statische Anwendung.

Projektdateien:

Ein vollständiges Beispiel -Projekt -Repository ist hier verfügbar. (Ersetzen Sie https://www.php.cn/link/52a8ed6a81c88856e206aa74759a4103 durch den tatsächlichen Link, falls verfügbar)

Bereitstellungsschritte:

1. Installieren von Knotenpaketen: Da Heroku einen Server benötigt, verwenden wir node.js. Installieren Sie die erforderlichen Pakete:

   npm install gzippo express --save

   gzippo bedient GZIP -Assets und express vereinfacht die Servererstellung.

2. Erstellen Sie die Serverdatei (web.js): Erstellen Sie eine web.js -Datei im Root -Verzeichnis Ihres Projekts:

   var gzippo = require('gzippo');
   var express = require('express');
   var app = express();
   
   app.use(express.logger('dev'));
   app.use(gzippo.staticGzip("" + __dirname + "/dist"));
   app.listen(process.env.PORT || 5000);

3. Erstellen Sie Ihre Anwendung: Erstellen Sie vor der Bereitstellung Ihre AngularJS -Anwendung:

   grunt build

   Dies generiert das Verzeichnis dist/, das Ihre optimierten Anwendungsdateien enthält. Entscheidend, entfernen Sie dist/ aus Ihrer .gitignore -Fatei, da Heroku Git zur Bereitstellung verwendet.

4. Erstellen Sie die Procfile: Erstellen Sie eine Procfile (keine Erweiterung) in Ihrem Stammverzeichnis:

   <code>web: node web.js</code>

   Dies fordert Heroku auf, Ihren Node.js -Server auszuführen.

5. Git initialisieren und in Heroku einsetzen:

   git init
   git add .
   git commit -m "Initial Commit"
   heroku create <your_app_name>
   git push heroku master

   Ersetzen Sie <your_app_name></your_app_name> durch Ihren gewünschten Heroku -Anwendungsnamen.

6. skalieren Sie Ihre App (falls erforderlich): Wenn Sie auf Probleme stoßen, skalieren Sie Ihre Web -Dynos:

   heroku ps:scale web=1

7. Öffnen Sie Ihre bereitgestellte App:

   heroku open

häufig gestellte Fragen (FAQs):

Der ursprüngliche FAQS-Abschnitt ist gut strukturiert und umfassend. Um Redundanz zu vermeiden, werde ich sie hier nicht umschreiben. Die bereitgestellten Antworten sind bereits ausgezeichnet. Wenn Sie eine bestimmte FAQ benötigen, die auf oder geklärt sind, fragen Sie bitte!

Das obige ist der detaillierte Inhalt vonBereitstellung einer Yeoman/Angular -App in Heroku. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!