Thème:

MISE EN PRODUCTION D’UNE

APP SUR TRAVIS CI ET
DEPLOIEMENT SUR HEROKU
POUR CI/CD
Génie Informatique 5

02 Décembre 2022
 1 Présentation générale

2 Notion de CI/CD

3 Prise en main de Travis CI

Plan 4 Prise en main de Heroku

5 Création des Tests avec Cypress

6 Configuration du CI sur Travis

Déploiement sur Heroku

7
 La mise en production est un ensemble de changements
autorisés apportés à un service. Un service étant l'ensemble des
moyens mis en œuvre pour produire de la valeur pour un client,
sans que celui-ci n'en supporte ni les coûts spécifiques et
supplémentaires ni les risques associés. Elle s’articule autour de

1 05 principes: La planification, le développement, les tests, la

préparation et le développement.
L'intégration continue n'est plus une option lors de la réalisation
Présentation Générale
d'une nouvelle application, l'industrialisation est maintenant
entrée dans les mœurs. Cette Bonne Pratique est rassurante
pour l’équipe de réalisation du fait de la stabilité de ses
nouveaux développements, et pour le client qui évite ainsi les
nombreux tests de non-régression. Le déploiement continu est
venu enrichir ce principe, en automatisant les livraisons, pour
répondre aux préconisations des méthodes Agiles, avec la mise à
disposition de livrables de façon itérative.
 L'approche CI/CD est une méthode qui permet d'augmenter la
fréquence de distribution des applications grâce à
l'automatisation au niveau des étapes de développement des
applications. CI/CD signifie distribution et déploiement continus.
Les principaux concepts liés à l'approche CI/CD sont l'intégration
continue, la distribution continue et le déploiement continu.

2 L'approche CI/CD représente une solution aux problèmes posés

par l'intégration de nouveaux segments de code pour les équipes
de développement et d'exploitation.
Notion du CI/CD
Plus précisément, l'approche CI/CD garantit une automatisation
et une surveillance continues tout au long du cycle de vie des
applications, des phases d'intégration et de test jusqu'à la
distribution et au déploiement. Ensemble, ces pratiques sont
souvent désignées par l'expression pipeline CI/CD et elles
reposent sur une collaboration agile entre les équipes de
développement et d'exploitation.
 3 Travis CI : Prise en main

Travis est un service qui permet de tester et déployer ses applications de manière automatisée. Il
est en lien avec le service d’hébergement du code source GitHub Le logiciel est publié sous licence MIT.
Sa configuration s'effectue en YAML. Il a été développé par Travis CI Community et sa première version
est sortie en 2011. Le logiciel est publié sous licence MIT
 4 Prise en main de Heroku
La plateforme Heroku est conçue pour optimiser la productivité des développeurs et offrir une
excellente expérience de développement, de la première version d’une application à la production et
au-delà.
L'intégration étroite entre une application Heroku et son référentiel GitHub permet le déploiement
automatique ou manuel de branches fusionnées, avec des notifications dans GitHub et Heroku.
Pour l’installer, vous devez installez l’outil Heroku CLI l’outil de commande en ligne qui vous
permet d’interagir avec les serveurs d’Heroku directement sur votre console.
Pour créer un nouveau projet sur Heroku, vous devez créez-vous un compte si vous n’avez pas déjà
un. Puis rendez-vous sur le tableau de bord. Ce dernier affiche la liste de vos applications.
4 Prise en main de Heroku
5 Création des Tests avec cypress
5 Création des Tests avec cypress
 5 Création des Tests avec cypress
Cypress est une suite de tests open source moderne pour les applications Web. Il peut être
utiliser pour automatiser toutes sortes de tests, y compris les tests unitaires, les tests fonctionnels et
les tests de bout en bout. Il est construit sur Electron, qui est utilisé par l’éditeur de texte Atom et
de nombreuses autres applications. Cypress est facile à installer et possède une API simple et claire.
Caractéristiques du Cypress
Certaines des fonctionnalités qui font de Cypress une option attrayante pour les tests
automatisés sont :
• Installation simple : Cypress peut être installé avec npm ou Yarn. Il n’est pas nécessaire
d’installer d’autres dépendances.
• API claire : l’API fournie par Cypress est simple et facile à comprendre. Toutes les commandes
peuvent être chaînées, ce qui rend le code facile à lire et à écrire des tests.
• Attente automatique : Cypress attend automatiquement que les éléments apparaissent avant
d’effectuer des actions sur eux. Cela rend le code plus fiable et plus facile à écrire.
• Exécution parallèle : les tests peuvent être exécutés en parallèle sur plusieurs navigateurs et
appareils à l’aide de Cypress Test Runner. Cela rend l’exécution des tests plus rapide.
 
 
6 Configuration du CI avec Travis
6 Configuration du CI avec Travis
3 Travis CI : Prise en main
 6 Configuration du CI avec Travis
Pour démarrer avec Travis en utilisant GitHub :

1. Aller sur Travis-ci.com et inscrivez-vous avec GitHub

2. Acceptez l’autorisation de Travis CI. Vous serez rediriger vers GitHub

3. Cliquez sur votre photo de profil en haut à droite de votre tableau de bord Travis, cliquez sur
Paramètres, puis sur le bouton vert Activer , et sélectionnez les référentiels que vous souhaitez
utiliser avec Travis CI.

4. Ajoutez un .Travis.yml fichier à votre référentiel pour indiquer à Travis quoi faire

5. Ajoutez le .Travis.yml fichier à git, validez et poussez pour déclencher un build Travis CI.

6. Verifiez la page de la construction pour voir si votre construction réussit ou échoue en fonction de
l’état de retour de la commande de construction en visitant Travis et en sélectionnant votre
référentiel.
7 Continuous Delivery
7 Déploiement sur Heroku
DES QUESTIONS ?