You are on page 1of 5

Institut Supérieur d'Informatique 2éme année Licence SI-ADBD

et de Multimédia de Sfax A.U : 2021/2022

Module : Virtualisation et Cloud computing

Responsable du TP : Bahloul KHaled

TP9 : Déployer une page Web "Hello World" sur le cloud

Etape 1 : Créez une chaîne d'outils pour votre nouvelle application

1.1 Connectez-vous à IBM Cloud . Si vous n'avez pas de compte IBM, créez-le à travers ce lien:
https://cloud.ibm.com/registration?target=%2F%3Fcm_sp%3Dibmdev-_-developer-tutorials-_-
cloudreg

1.2 Accédez au tableau de bord à travers le lien suivant : https://cloud.ibm.com/devops/getting-


started?env_id=ibm:yp:eu-de
1.3 Cliquez sur "Créer une chaîne d'outils"
1.4 Sélectionnez la chaîne d'outils "Développer une application Cloud Foundry" .

1.5 Sur la page de la chaîne d'outils, entrez un nom pour votre chaîne d'outils (généralement le nom
de votre application). Choisissez comme région "Londres".
1.6 Pour l'intégration de Git Repos et de l'outil de suivi des problèmes, sélectionnez le type de
référentiel "Nouveau" et entrez un nom pour votre nouveau dépôt.

Page 1/5
1.7 Cliquez sur "Créer". Cela ouvrira la page de présentation de votre chaîne d'outils.

Étape 2 : Créez une page Web simple

Maintenant que votre chaîne d'outils est créée, vous passerez au codage. Dans cet exemple, vous
dites «Hello World» au monde sur une simple page Web. Vous pouvez effectuer le codage et les
tests dans l'IDE Web, entièrement dans votre navigateur.
2.1 Sur la page de présentation de votre chaîne d'outils, cliquez sur "Environnement Eclipse Orion
Web IDE" . L'IDE Web s'ouvre. Quelques fichiers comme .cfignore et .gifignore seront créés
automatiquement pour vous.
2.2 Dans Web IDE, sélectionnez Fichier > Nouveau > Fichier

2.3 Le fichier est mis en surbrillance afin que vous puissiez le nommer. Entrez "index.html"

Page 2/5
2.4 Dans la zone de l'éditeur sur la droite, collez ce qui suit:

<body>
<p>
Hello, IBM Cloud World!<br>
VotreNom VotrePrénom
</p>
</body>

Étape 3 : Créez un manifeste


Un manifeste est un fichier qui indique à IBM Cloud comment déployer l'application. Il est possible
de déployer en utilisant l'assistant de configuration de lancement dans l'IDE Web sans créer un
manifeste, mais nous allons créer un manifeste très simple afin que votre application peut être
facilement déployé à l'aide soit l'IDE Web ou l'outil de ligne de commande CF.
3.1 Dans l'EDI Web, sélectionnez Fichier > Nouveau > Fichier .
3.2 Le fichier est mis en surbrillance afin que vous puissiez le nommer. Entrez "manifest.yml".
3.3 Dans la zone de l'éditeur sur la droite, collez ce qui suit:

---
applications:
- buildpack: https://github.com/cloudfoundry/staticfile-buildpack.git
host: simple-website-${random}
name: simple-website-${random}
memory: 64M
stack: cflinuxfs2

N.B: le nom d'hôte et d'application que vous choisissez doit être unique dans tout IBM Cloud,
remplacez le ${random} par une chaîne unique.

Chaque ligne du manifeste fournit des instructions importantes à IBM Cloud sur la manière de
déployer votre application.
• Le buildpack contient la structure et / ou le support d'exécution nécessaires pour qu'IBM
Cloud exécute votre application. Pour cette application, nous utilisons un buildpack de
fichier statique hébergé sur GitHub.
• L' hôte (host) est essentiellement l'URL de votre application. L'hôte que vous choisissez
doit être unique dans l'ensemble d'IBM Cloud. Nous avons ajouté le ${random-word}mot -
clé afin que votre déploiement n'entre pas en conflit avec les déploiements d'autres
personnes qui suivent ce didacticiel. Vous pouvez personnaliser l'hôte pour qu'il soit ce que
vous voulez.
• La mémoire (memory) fait référence à la quantité de mémoire que vous allouez à votre
application dans votre espace IBM Cloud. La mémoire n'est pas une partie obligatoire d'un
manifeste, mais elle est incluse dans cet exemple afin que l'application ne consomme pas une
grande partie de la mémoire allouée à votre espace IBM Cloud.
• La pile (stack) est définie par Cloud Foundry comme «un système de fichiers racine
prédéfini (rootfs) qui fonctionne en tandem avec un buildpack et est utilisé pour prendre en
charge les applications en cours d'exécution». Le buildpack de fichier statique que nous
utilisons nécessite la pile cflinuxfs2. IBM Cloud utilise actuellement par défaut une pile plus
ancienne, nous devons donc spécifier la pile en tant que cflinuxfs2. La plupart des
buildpacks ne vous obligeront pas à spécifier une pile.
Page 3/5
Étape 4 : Déployez et ouvrez l'application

Maintenant que vous avez une page Web et un manifeste créés dans votre espace de travail, vous êtes
prêt à déployer.

4.1 Dans l'EDI Web, cliquez sur "Créer une nouvelle configuration de lancement" puis cliquez sur le
bouton Ajouter " + "

4.2 Editez les informations nécessaires (changer la cible par "London")

4.3 Cliquez sur le bouton "Déployer"

Votre application est maintenant déployée sur IBM Cloud. Le processus prend environ une minute
(Veuillez patienter jusqu'à la fin de l'opération). Vous saurez que le déploiement est terminé lorsque
vous verrez un point vert dans la barre d'exécution:

Page 4/5
N.B : Si votre déploiement échoue, vérifiez le fichier de lancement pour vous assurer qu'il possède
également des noms uniques (Cliquez sur "Editer" pour modifier la configuration de lancement.

4.4 Lorsque votre application est déployée, ouvrez-la dans un navigateur Web en cliquant sur le
bouton "Ouvrir l'application déployée" :

Le site Web en cours d’exécution s’ouvre dans une nouvelle fenêtre :

Page 5/5

You might also like