Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

2,071 views

Published on

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

Published in: Technology
  • Be the first to comment

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

×