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:

   npm install gzippo express --save

   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:

   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. Créez votre application: Avant de déployer, créez votre application AngularJS:

   grunt build

   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:

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

   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:

   heroku ps:scale web=1

7. Ouvrez votre application déployée:

   heroku open

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!