Page 1 /7
UNIVERSITE DE LA MANOUBA
Matière : Cloud Computing
Classe : II.3 ILSI
Enseignante : Mme. Rim DRIRA
A-U : 2016-2017
TP1 : IBM BLUEMIX
Objectif : Ce premier TP a pour but de :
Découvrir et manipuler la plateforme en tant que service IBM Bluemix.
Créer et déployer une application Node.js sur Bluemix.
Manipuler DevOps :
o Faire un fork (copier et adapter) d'une application existante ;
o Déployer une application sur Bluemix à partir de services DevOps de Bluemix ;
o Effectuer des modifications sur une application dans l'environnement de développement
intégré (EDI) des services DevOps de Bluemix.
1. Partie 1 : Cloud Foundry
a. Création des comptes Bluemix
Nous allons commencer par créerdes comptes IBM Bluemix en suivant les instructions dans le lien
suivant :https://console.ng.bluemix.net/registration/
Pendant la création des comptes Bluemix, il faut bien noter le nom de l’organisation et de l’espace
introduits (nous en aurons besoin plus tard).
Cloud Computing - II3 ILSI 2016/2017
R.DRIRA
Figure 1 : Création de compte Bluemix
Page 2 /7
a. Création d’une application simple Node.js
Remarque : La maîtrise de Node.js n’est pas essentielle pour la réalisation du TP.
Suite à la création des comptes Bluemix, on peut développer et déployer des applications.
Dans notre cas on va choisir de créer et déployer une application Node.js.Pour ce faire, nous
allons commencer par créer une nouvelle application Node.js.
Publicité
Figure 2 : Environnement Bluemix
Pendant la création de l’application, il faut bien mettre un nom d’hôte unique pour chacun (par
exemple votre nom)
Cloud Computing - II3 ILSI 2016/2017
R.DRIRA
Page 3 /7
Figure 3Création de l'application
Quelque secondes après la création
, vous pouvez la tester
la création, l’application sera exécutable, vous pouvez la tester
(Bouton Afficher l’application
» sera affiché.
tion). Un message « Hello World » sera affiché.
b. Déploiement d’une application
’une application Node.js
Nous allons créer et déployer une application de gestion des «
en modifiant l’application
une application de gestion des « Todolists » en modifiant l’application
« Hello Word ». Pour ce faire, nous allons réu
. Pour ce faire, nous allons réu-tiliser le code fourni dans le fichier
tiliser le code fourni dans le fichier target.zip(Notre
objectifn’est pas de développer avec
avec Node.js maisde se concentrer sur le déploiement d’une
éploiement d’une sur
Bluemix.).
Dans la suite, suivez les instructions existantes
uivez les instructions existantes sur la page d’initiation de votre application.
la page d’initiation de votre application. N’oubliez
pas de télécharger et installer l’interface de ligne de commande CF et l’interface de ligne de
pas de télécharger et installer l’interface de ligne de commande CF et l’interface de ligne de
Publicité
pas de télécharger et installer l’interface de ligne de commande CF et l’interface de ligne de
commande Bluemix.
Remarque :Avant de faire l’étape 6
l’application vierge que nous avons téléchargée
Avant de faire l’étape 6, on va modifier l’application vierge que nous avons téléchargée
Dans le dossier où vous avez téléchargé l’application
pour mettre notre propre application (Todolist) : Dans le dossier où vous avez téléchargé l’application
pour mettre notre propre application (Todolist)
« Hello Word », remplacez le fichier «
le fichier « app.js » par le fichier « app.js » se trouvant dans t
» se trouvant dans target.zip. En
effet, ce fichier contient le code de l’application Todolist, si vous maitrisez Node.js
effet, ce fichier contient le code de l’application Todolist, si vous maitrisez
Node.js vous pouvez le
modifier comme vous voulez avec un simple éditeur de texte, ou voir mettre votre propre code.
modifier comme vous voulez avec un simple éditeur de texte, ou voir mettre votre propre code.
modifier comme vous voulez avec un simple éditeur de texte, ou voir mettre votre propre code.
Supprimez aussi le dossier « public
» et remplacez le par le dossier « views ».
La dernière étape consiste à déployer notre nouvelle application sur Bluemix.
La dernière étape consiste à déployer notre nouvelle application sur Bluemix.
cf push "nom_application
nom_application"
Cloud Computing - II3 ILSI 2016/2017
R.DRIRA
Page 4 /7
2. Partie 2 : DevOps Services
DevOps (abréviation de développement et opérations) est une approche qui repose sur les principes
Lean et Agile dans lesquels les responsables métier collaborent pour délivrer le logiciel. IBM propose
DevOps comme logiciel en tant que service (SaaS) qui permet de :
Publicité
Héberger des codes source, versionné avec Git ;
Développer soit depuis votre logiciel favori, soit directement en ligne dans l'IDE intégré ;
Préparer votre application et l'envoyer en ligne sur Bluemix ;
De collaborer à plusieurs sur ces projets, en méthodologie agile SCRUM ;
De partir d'un projet existant pour l'adapter (en langage OpenSource, on appelle cela un fork).
a. Faire le fork de l'application « Lauren's Lovely Landscapes »
On va faire le Fork de l’application « Lauren's Lovely Landscapes ». C’est un exemple de magasin
en ligne qui vend présentement trois gravures ; sur la page de chacune des gravures, on a le nom,
l'image et le prix de la gravure.
Pour ce faire :
1. Allez sur la page d'accueil du projet « Laurens Lovely Landscapes » (https://goo.gl/CpmHTu)
2. Editez le code, vous serez invité à vous authentifier si cela n'est pas encore fait. L'IDE Web
s'ouvre.
3. Sous «Outils » choisissez « Fork ».
4. Saisissez le nom de votre projet ; laissez cochées les cases « Add features for Scrum
development » et « Make this a Bluemix Project » et cliquez sur le bouton « Create ».
5. Remarquez qu'une fois que le fork du projet est terminé, votre nouveau projet est affiché dans
le coin supérieur droit.
Cloud Computing - II3 ILSI 2016/2017
R.DRIRA
Page 5 /7
Figure 4 Faire le Fork de l'application
Maintenant, vous avez une copie du code dans votre propre projet. La prochaine étape va consister à
le déployer.
b. Déployer l'application « Lauren's Lovely Landscapes »
Déployer une application signifie assembler les artefacts du projet, créer une application dans
Bluemix, et lancer l'application. Les noms et les URL de l'application Bluemix sont créés à partir
des propriétés qui sont définies dans le fichier manifest.yml du projet. Le projet « Lauren's Lovely
Landscapes » a déjà un manifest créé pour vous.
On va déployer notre application, à la fin un voyant vert sera allumé pour indiquer que
Publicité
l’application est bien déployée.
Figure 5 Déployer l'application
Cloud Computing - II3 ILSI 2016/2017
R.DRIRA
Page 6 /7
On peut tester notre application déployée sur Bluemix, et cliquez sur la page « Antartica ».
Vérifiez que le prix de ce produit est 100 $.
Figure 6 Tester l'application déployée
c. Mettre à jour le prix d'un produit
Effectuez une modification dans l'application en faisant une mise à jour du prix d'un produit.
1. Placez-vous dans « antartica.tpl ».
2. Modifiez la ligne <div id="price">100.00</div> en remplacez « 100.00 » par « 150.99 »
Figure 7 Modification de prix
3. Sauvegardez.
4. Redéployez votre application.
5. Si un message vous demande d'arrêter l'application et de le redéployer, cliquez sur « OK ».
Cloud Computing - II3 ILSI 2016/2017
R.DRIRA
Page 7 /7
Une fois votre application déployée, re-testez l’application (
6. Une fois votre application déployée,
7. Dans l'application, cliquez sur «
Remarquez que le prix du produit a été mis à jour.
Dans l'application, cliquez sur « Antartica ». Remarquez que le prix du produit a été mis à jour.
)
TP inspiré d’un tutoriel OpenClassroom
m et d’un tutoriel déveoppez.com
Cloud Computing - II3 ILSI 2016/2017
R.DRIRA