Déploiement d'une application yeoman / angulaire à Heroku

Déployer votre application yeoman / angulaire à Heroku: un guide étape par étape

Prêt à partager votre application AngularJS alimentée par Yeoman avec le monde? Ce tutoriel vous guide à travers le déploiement à Heroku.

Prérequis:

• Compétence en ligne de commande.
• node.js et npm installés.
• un compte Heroku et la ceinture d'outils Heroku.
• une application statique générée par yeoman.

Fichiers de projet:

Un exemple complet du référentiel de projet est disponible ici . (Remplacez https://www.php.cn/link/52a8ed6a81c88856e206aa74759a4103 par le lien réel si disponible)

Étapes de déploiement:

1. Installez les packages de nœuds: parce que Heroku a besoin d'un serveur, nous utiliserons Node.js. Installez les packages nécessaires:

   <code class="language-bash">npm install gzippo express --save</code>

   gzippo sert des actifs gziés, et express simplifie la création de serveur.

2. Créez le fichier serveur (web.js): Créer un fichier web.js dans le répertoire racine de votre projet:

   <code class="language-javascript">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);</code>

3. Créez votre application: Avant de déployer, créez votre application AngularJS:

   <code class="language-bash">grunt build</code>

   Cela génère le répertoire dist/ contenant vos fichiers d'application optimisés. Surtout, supprimez dist/ de votre fichier .gitignore, car Heroku utilise Git pour le déploiement.

4. Créez le ProCFile: Créez un Procfile (pas d'extension) dans votre répertoire racine:

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

   Cela indique à Heroku d'exécuter votre serveur Node.js.

5. Initialiser Git et déployer à Heroku:

   <code class="language-bash">git init
   git add .
   git commit -m "Initial Commit"
   heroku create <your_app_name>
   git push heroku master</your_app_name></code>

   Remplacer <your_app_name></your_app_name> par le nom de l'application Heroku souhaité.

6. Échellez votre application (si nécessaire): Si vous rencontrez des problèmes, adaptez vos dynos Web:

   <code class="language-bash">heroku ps:scale web=1</code>

7. Ouvrez votre application déployée:

   <code class="language-bash">heroku open</code>

Questions fréquemment posées (FAQ):

La section FAQ d'origine est bien structurée et complète. Pour éviter la redondance, je ne le réécrivrai pas ici. Les réponses fournies sont déjà excellentes. Si vous avez besoin d'une FAQ spécifique étendue ou clarifiée, veuillez demander!

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!