Héberger vos applications web
grâce à openshift cloud
Université de la Manouba – ESEN –
2014/2015
2ème année
Nassim
BAHRI
...
Créez votre compte openshift1
https://www.openshift.com/
Remplissez le formulaire
d’inscription3
Adresse Email
(obligatoire)
Mot de passe
(obligatoire)
Confirmation
(obligatoire)
...
Email de confirmation
4
 Une fois vous avez validé les informations saisies, un
email de confirmation vous sera envoyé à ...
Valider votre inscription
5
 Consultez votre boite mail et cliquez sur le lien de
validation de votre compte
Lien de vali...
Acceptez les conditions
d’utilisation6
 A cette étape votre compte est bien validé, il ne vous
reste qu’accepter les term...
Créez votre première
application
2
https://www.openshift.com/
Créez votre application
8
Cliquez sur ce lien pour
créer votre première
application
Choix de la technologie
9
 Openshift nous propose une panoplie de technologie et
de Framework que nous pouvons utiliser p...
Configuration de l’application
10
 Veuillez préciser l’espace de nommage (namespace)
qui regroupera toutes vos applicatio...
Configuration de l’application -
suite11
 Gardez la valeur par défaut pour le reste des
paramètres et cliquez sue le bout...
Application créée
12
 A ce stade votre application a bien été créée
Cliquez sur ce lien pour
commencer le
déploiement de ...
Déployer votre application3
https://www.openshift.com/
Création de la BD
14
 Openshift nous propose divers systèmes de gestion des
bases de données. Parmi lesquels nous avons c...
Création de la BD -suite
15
 Maintenant il ne vous reste que de cliquer sur le bouton
de création de la base de données. ...
Création de la BD -suite
16
 Félicitation, votre base de données a bien été créée.
Vous devez garder ces données précieus...
Ajoutez l’outil PHPMyAdmin
17
 Pour gérer notre base de données aisément, nous
faisons recours à un outils graphique pour...
Ajoutez l’outil PHPMyAdmin -
suite18
 Maintenant il ne vous reste que de cliquer sur le bouton
pour ajouter PHPMyAdmin. C...
Ajoutez PHPMyAdmin -suite
19
 Félicitation, l’outil PHPMyAdmin a bien été ajouté à
votre pack développement. Il ne vous r...
Lancez PHPMyAdmin
20
 Une fois vous avez lancer l’interface PHPMyAdmin,
vous devez introduire votre login et votre mot de...
Administrez votre BD
21
 Cliquez maintenant sur le nom de votre base de
données et commercer par créer vos tables ou bien...
Outils de déploiement
22
 A ce niveau, les choses commencent à devenir un peu
plus complexe. Pour pouvoir mette notre app...
Installation de Ruby
23
 Pour installer Ruby rien de plus complexe, il suffit de
télécharger le fichier « Rubyinstaller »...
Installation de Ruby -suite
24
 Pour vérifier que Ruby a bien été installé, ouvrez l’invite
de commande et exécutez:
Ruby...
Installation de GIT
25
 Pour installer GIT rien de plus complexe, il suffit de
télécharger le fichier « d’installation de...
Installation de RHC
26
 Tapez la commande
gem install rhc
Cette opération prendra un peut de temps et vous obtenez
le rés...
Installation de RHC -suite
27
 Après l’installation du client RHC, il faut obligatoirement
mettre à jour le package net-s...
Configuration de RHC
28
 Un fois vous avez installé la commande RHC, il est
temps de configurer votre environnement de
dé...
Configuration de RHC -suite
29
 Tapez par la suite votre login et votre mot de passe et
cliquez sur le bouton « entrer »
...
Configuration de RHC -suite
30
 Uploader maintenant votre clé SSH publique sur le
serveur d‘Openshift en tapant « yes » p...
Configuration de RHC -suite
31
 Pour plus de détails sur la configuration du client RHC,
vous pouvez consulter la vidéo s...
Ajoutez votre clé SSH
32
 Pour ajouter la clé SSH, il suffit de cliquer sur le lien
suivant:
Cliquez sur ce lien pour
ajo...
Ajoutez votre clé SSH -suite
33
 Ouvrez le fichier « id_rsa.pub » avec le bloc note et
copier son contenu (pour plus de d...
Configurez le client GIT
34
 Lors de la première utilisation du client GIT, il faut
configurer le nom d’utilisateur ainsi...
Clonez votre projet en local
35
 Maintenant, vous devez cloner le projet que vous avez
créé sur openshift sur votre ordin...
Clonez votre projet en local -
suite36
 Tapez ensuite la commande suivante dans votre
console
git clone <url> <rep>
 Ave...
Confirmez les modifications
37
 Une fois vous rapportez des modifications dans ce
répertoire de travail (ajout/modificati...
Confirmez les modifications -
suite38
 Les captures écrans suivantes illustrent un exemple
contrait:
Se positionner dans ...
Confirmez les modifications -
suite39
 Les captures écrans suivantes illustrent un exemple
contrait:
Un message indicatif...
Envoyez vos modifications
40
 Enfin, vous êtes prêt à envoyer vos modifications à votre
demande - vous «pousser» ces chan...
Visualisez votre site en ligne
41
 Vous pouvez visualiser votre application en ligne à tout
moment en cliquant sur le lie...
Visualisez votre site en ligne -
suite42
 Résultat en ligne de notre application de test :
Université de la Manouba – ESEN – 2014 /
2015
Bonne lecture
Prochain SlideShare
Chargement dans…5
×

Héberger vos applications web grâce à openshift cloud

955 vues

Publié le

Héberger vos applications web grâce à openshift cloud

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
955
Sur SlideShare
0
Issues des intégrations
0
Intégrations
194
Actions
Partages
0
Téléchargements
41
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Héberger vos applications web grâce à openshift cloud

  1. 1. Héberger vos applications web grâce à openshift cloud Université de la Manouba – ESEN – 2014/2015 2ème année Nassim BAHRI Email : nassim.bahri@yahoo.fr Site web : http://nassimbahri.ovh
  2. 2. Créez votre compte openshift1 https://www.openshift.com/
  3. 3. Remplissez le formulaire d’inscription3 Adresse Email (obligatoire) Mot de passe (obligatoire) Confirmation (obligatoire) Code visuel (obligatoire) Cliquez sur ce bouton pour valider les informations saisies
  4. 4. Email de confirmation 4  Une fois vous avez validé les informations saisies, un email de confirmation vous sera envoyé à l’adresse indiquée dans le formulaire précédent.
  5. 5. Valider votre inscription 5  Consultez votre boite mail et cliquez sur le lien de validation de votre compte Lien de validation
  6. 6. Acceptez les conditions d’utilisation6  A cette étape votre compte est bien validé, il ne vous reste qu’accepter les termes et conditions générales d’utilisation Acceptez les conditions d’utilisation
  7. 7. Créez votre première application 2 https://www.openshift.com/
  8. 8. Créez votre application 8 Cliquez sur ce lien pour créer votre première application
  9. 9. Choix de la technologie 9  Openshift nous propose une panoplie de technologie et de Framework que nous pouvons utiliser pour la création de notre application. Dans notre cas ça sera une application PHP5.4 Choix technologique
  10. 10. Configuration de l’application 10  Veuillez préciser l’espace de nommage (namespace) qui regroupera toutes vos applications. Cet espace de nom doit être unique. Espace de nom pour vos applications (commun pour toutes vos applications) Identifiant de votre application (cet identifiant doit être unique pour chaque application que vous
  11. 11. Configuration de l’application - suite11  Gardez la valeur par défaut pour le reste des paramètres et cliquez sue le bouton « create application ». Cette opération prendra quelques minutes. Cliquez sur ce bouton pour créer votre application
  12. 12. Application créée 12  A ce stade votre application a bien été créée Cliquez sur ce lien pour commencer le déploiement de votre application.
  13. 13. Déployer votre application3 https://www.openshift.com/
  14. 14. Création de la BD 14  Openshift nous propose divers systèmes de gestion des bases de données. Parmi lesquels nous avons choisi de travailler avec MySQL. Cliquez sur ce lien pour accéder à l’interface de création de la base de données
  15. 15. Création de la BD -suite 15  Maintenant il ne vous reste que de cliquer sur le bouton de création de la base de données. Cette opération prendra quelques minutes. Cliquez sur ce bouton pour créer la base de données
  16. 16. Création de la BD -suite 16  Félicitation, votre base de données a bien été créée. Vous devez garder ces données précieusement. Nom de la BD Nom d’utilisateur Mot de passe. Vous pouvez à tous moment afficher le mot de passe en cliquant sur ce lien
  17. 17. Ajoutez l’outil PHPMyAdmin 17  Pour gérer notre base de données aisément, nous faisons recours à un outils graphique pour l’administration des bases de données; PHPMyAdmin Cliquez sur ce lien pour accéder à l’interface d’ajout de l’outil PHPMyAdmin
  18. 18. Ajoutez l’outil PHPMyAdmin - suite18  Maintenant il ne vous reste que de cliquer sur le bouton pour ajouter PHPMyAdmin. Cette opération prendra quelques minutes. Cliquez sur ce bouton
  19. 19. Ajoutez PHPMyAdmin -suite 19  Félicitation, l’outil PHPMyAdmin a bien été ajouté à votre pack développement. Il ne vous reste que lancer l’interface d’administration de la base de données Cliquez sur ce lien pour ouvrir l’interface de Login et mot de passe pour ouvrir l’interface de PHPMyAdmin (Ce sont les même identifiants de la base de données – voir diapo 16)
  20. 20. Lancez PHPMyAdmin 20  Une fois vous avez lancer l’interface PHPMyAdmin, vous devez introduire votre login et votre mot de passe. Login et mot de passe obtenus à l’étape précédente
  21. 21. Administrez votre BD 21  Cliquez maintenant sur le nom de votre base de données et commercer par créer vos tables ou bien importez une base existante. Cliquez sur le nom de votre base de données (voir diapo 16) Adresse du serveur que vous utilisez pour vous connecter à la base de
  22. 22. Outils de déploiement 22  A ce niveau, les choses commencent à devenir un peu plus complexe. Pour pouvoir mette notre application en ligne, nous devons procéder par l’installation de quelques outils nécessaires pour le déploiement.  Installer Ruby ( http://rubyinstaller.org/downloads/ )  Installer Git ( http://msysgit.github.io/ )  Installer le client RHC
  23. 23. Installation de Ruby 23  Pour installer Ruby rien de plus complexe, il suffit de télécharger le fichier « Rubyinstaller » et de l’exécuter par un simple click.  Pendant l’installation vous pouvez accepter toutes les valeurs par défaut, mais il est obligatoire que vous sélectionnez le Add Ruby executables to your PATH
  24. 24. Installation de Ruby -suite 24  Pour vérifier que Ruby a bien été installé, ouvrez l’invite de commande et exécutez: Ruby –v  La réponse à cette commande sera la version Ruby installée
  25. 25. Installation de GIT 25  Pour installer GIT rien de plus complexe, il suffit de télécharger le fichier « d’installation de GIT » et de l’exécuter par un simple click.  Pendant l’installation vous pouvez accepter toutes les valeurs par défaut, mais il est obligatoire que vous sélectionnez le Use GIT From the Windows Command Prompt
  26. 26. Installation de RHC 26  Tapez la commande gem install rhc Cette opération prendra un peut de temps et vous obtenez le résultat suivant:
  27. 27. Installation de RHC -suite 27  Après l’installation du client RHC, il faut obligatoirement mettre à jour le package net-ssh en utilisant la commande suivante: gem install net-ssh -v 2.9.3.beta1
  28. 28. Configuration de RHC 28  Un fois vous avez installé la commande RHC, il est temps de configurer votre environnement de déploiement. Pour cela tapez la commande rhc setup La première interface vous demande le nom du serveur que vous souhaiter utiliser pour le déploiement de vos application. Tapez sur le bouton « entrer »
  29. 29. Configuration de RHC -suite 29  Tapez par la suite votre login et votre mot de passe et cliquez sur le bouton « entrer »  Il vous ait demandé par la suite si vous voulez générer une clé. Tapez « yes » et cliquez sur « entrer »
  30. 30. Configuration de RHC -suite 30  Uploader maintenant votre clé SSH publique sur le serveur d‘Openshift en tapant « yes » puis cliquez sur le bouton « entrer »  Félicitation, votre client est maintenant bien configuré Souvenez bien de l’emplacement de ce fichier
  31. 31. Configuration de RHC -suite 31  Pour plus de détails sur la configuration du client RHC, vous pouvez consulter la vidéo suivante: https://www.youtube.com/watch?v=0jj8fLiO1Bs  Une fois nous avons terminé la configuration de notre client RHC, nous devrons ajouter la clé publique que nous avons généré lors des étapes précédente dans notre interface openshift
  32. 32. Ajoutez votre clé SSH 32  Pour ajouter la clé SSH, il suffit de cliquer sur le lien suivant: Cliquez sur ce lien pour ajouter la clé publique
  33. 33. Ajoutez votre clé SSH -suite 33  Ouvrez le fichier « id_rsa.pub » avec le bloc note et copier son contenu (pour plus de détails sur ce fichier voir diapo 30) Donnez un nom à votre clé Collez le contenu du fichier « id_rsa.pub » dans cette zone de texte
  34. 34. Configurez le client GIT 34  Lors de la première utilisation du client GIT, il faut configurer le nom d’utilisateur ainsi que l’adresse email en tapant les commandes suivantes: git config --global user.name « nom utilisateur » git config --global user.email email@site.com
  35. 35. Clonez votre projet en local 35  Maintenant, vous devez cloner le projet que vous avez créé sur openshift sur votre ordinateur local. Pour notre cas vue que c’est un projet en PHP il faut que nous travaillons sous le répertoire de notre serveur. Tapez dans votre console la commande suivante : cd /xampp/htdocs Copiez ce code que vous trouverez dans détail de votre application sur openshift
  36. 36. Clonez votre projet en local - suite36  Tapez ensuite la commande suivante dans votre console git clone <url> <rep>  Avec :  url : le lien que vous avez copier dans le diapo précédent  rep: le nom du répertoire que vous souhaiter créer  Maintenant tous vos fichiers de travail doivent être placés sous cette répertoire.
  37. 37. Confirmez les modifications 37  Une fois vous rapportez des modifications dans ce répertoire de travail (ajout/modification/suppression d’un fichier), vous devez ajouter ces modifications grâce aux commandes « add » et « commit » Git add . Git commit –m « msg »  Avec :  . : pour indiquer que nous souhaitons ajouter tous les fichiers du répertoire  Msg : un message indicatif pour identifier les différentes modifications
  38. 38. Confirmez les modifications - suite38  Les captures écrans suivantes illustrent un exemple contrait: Se positionner dans le répertoire de travail Ajouter tous les fichiers de ce répertoire sous le contrôle de GIT
  39. 39. Confirmez les modifications - suite39  Les captures écrans suivantes illustrent un exemple contrait: Un message indicatif qui permet d’identifier les différentes modifications effectuées
  40. 40. Envoyez vos modifications 40  Enfin, vous êtes prêt à envoyer vos modifications à votre demande - vous «pousser» ces changements avec la commande : git push
  41. 41. Visualisez votre site en ligne 41  Vous pouvez visualiser votre application en ligne à tout moment en cliquant sur le lien présent sur cette interface : Lien de votre application web
  42. 42. Visualisez votre site en ligne - suite42  Résultat en ligne de notre application de test :
  43. 43. Université de la Manouba – ESEN – 2014 / 2015 Bonne lecture

×