Déploiement à Heroku à l'aide de Gulp, Node et Git

Déploiement d'Heroku avec Gulp, Git et Node.js: un guide complet

Vous avez probablement entendu parler d'Heroku, une plate-forme de déploiement et de gestion de projets dans diverses langues, notamment Ruby, Node.js, Java, Python, etc. Ses buildPacks rationalisent le processus de déploiement, ce qui en fait un favori parmi les développeurs. Ce guide détaille le déploiement d'un projet Node.js à Heroku à l'aide de Gulp, Git et Node.js.

Concepts clés:

Le déploiement Heroku réussi repose sur la définition correcte des dépendances dans package.json, la création d'un Procfile pour spécifier la commande de démarrage de l'application et la configuration d'un serveur de production. Les buildPacks d'Heroku créent des limaces déployables à partir de votre code d'application, des dépendances et de l'exécution, tandis que les dynos sont des conteneurs légers exécutant une seule commande. La ceinture d'outils Heroku facilite le déploiement via la ligne de commande.

Terminologie Heroku:

• dyno: un conteneur Linux léger exécutant une seule commande.
• buildPack: facilite la compilation des limaces; open source et extensible à diverses langues. Il combine votre application, vos dépendances et votre runtime pour créer un limace.
• Slug: Un package contenant votre code source, vos dépendances, l'exécution et les sorties de construction, prêtes pour l'exécution.

Exigences de fichier:

Ce guide utilise le projet Open Source TransformCons comme exemple. Vous pouvez reproduire cela avec votre propre projet.

1. Procfile:

Créez un fichier nommé Procfile (pas d'extension) dans le répertoire racine de votre projet. Ce fichier définit la commande pour démarrer votre application. Pour les transformations:

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

Ceci utilise le gulp installé localement, le lancement d'un serveur, la compilation de SASS, le JavaScript concaténant / uglificateur, le remplacement des actifs, les noms de fichiers de cache, la compilation de modèles par assemblage et minimisant HTML.

2. Serveur de production:

Pour le service d'actifs basé sur Gulp, utilisez cette tâche dans gulpfile.js:

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

Alternativement, vous pouvez utiliser un serveur Node.js.

3. package.json Dépendances:

Assurez-vous que votre package.json répertorie correctement les dépendances. L'environnement de production d'Heroku installe les dépendances de l'objet dependencies, pas devDependencies.

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

Déploiement à Heroku:

1. Installez la ceinture d'outils Heroku: Téléchargez et installez l'interface de ligne de commande Heroku.
2. Connexion: heroku login
3. Créer une application: heroku create
4. Poussez à Heroku: git push heroku master (Assurez-vous que votre code est poussé vers GitHub / Bitbucket en premier).
5. Application ouverte: heroku open

Rappelez-vous les 75 demandes de Git d'Héroku par heure de limite par utilisateur par application.

Domaine personnalisé:

Heroku n'autorise pas la suppression de "www". de myproject.herokuapp.com. Ajoutez myproject.herokuapp.com à votre enregistrement CNAME et configurez le transfert de nom au besoin.

Techniques avancées:

• Contrôle du flux dans Gulp: Pour l'exécution de la tâche séquentielle, renvoyez les flux de vos tâches Gulp:

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

Conclusion:

Le déploiement efficace est crucial. Heroku, combiné à Gulp, Git et Node.js, fournit un flux de travail robuste et rationalisé.

lecture complémentaire (les liens restent inchangés):

• Déploiement de Nodejs: Heroku Dev Center
• Heroku Fonctionne
• Pour commencer avec gulp
• SSH GIT Transport avec Heroku
• Multiples télécommandes et environnements sur Heroku

Questions fréquemment posées (conservées):

La section FAQ reste inchangée, fournissant un dépannage précieux et des informations sur les meilleures pratiques pour le déploiement d'Héroku à l'aide de Gulp, Node et Git.

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!