Héberger vos applications web grâce à openshift cloud
-
Upload
nassim-bahri -
Category
Technology
-
view
73 -
download
1
Transcript of Héberger vos applications web grâce à openshift cloud
![Page 1: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/1.jpg)
Héberger vos applications web grâce à openshift cloud
Université de la Manouba – ESEN – 2014/20152ème année
Nassim BAHRI
Email : [email protected] web : http://nassimbahri.ovh
![Page 2: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/2.jpg)
Créez votre compte openshift
1
https://www.openshift.com/
![Page 3: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/3.jpg)
3
Remplissez le formulaire d’inscription
Adresse Email (obligatoire)
Mot de passe (obligatoire)
Confirmation (obligatoire)
Code visuel (obligatoire)
Cliquez sur ce bouton pour valider les informations saisies
![Page 4: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/4.jpg)
4
Email de confirmation
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.
![Page 5: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/5.jpg)
5
Valider votre inscription
Consultez votre boite mail et cliquez sur le lien de validation de votre compte
Lien de validation
![Page 6: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/6.jpg)
6
Acceptez les conditions d’utilisation 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
![Page 7: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/7.jpg)
Créez votre première application
2
https://www.openshift.com/
![Page 8: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/8.jpg)
8
Créez votre application
Cliquez sur ce lien pour créer votre première application
![Page 9: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/9.jpg)
9
Choix de la technologie
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
![Page 10: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/10.jpg)
10
Configuration de l’application 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 créer)
![Page 11: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/11.jpg)
11
Configuration de l’application -suite 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
![Page 12: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/12.jpg)
12
Application créée
A ce stade votre application a bien été créée
Cliquez sur ce lien pour commencer le déploiement de votre application.
![Page 13: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/13.jpg)
Déployer votre application3
https://www.openshift.com/
![Page 14: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/14.jpg)
14
Création de la BD
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
![Page 15: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/15.jpg)
15
Création de la BD -suite
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
![Page 16: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/16.jpg)
16
Création de la BD -suite
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
![Page 17: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/17.jpg)
17
Ajoutez l’outil PHPMyAdmin
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
![Page 18: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/18.jpg)
18
Ajoutez l’outil PHPMyAdmin -suite Maintenant il ne vous reste que de cliquer sur le
bouton pour ajouter PHPMyAdmin. Cette opération prendra quelques minutes.
Cliquez sur ce bouton
![Page 19: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/19.jpg)
19
Ajoutez PHPMyAdmin -suite
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 PHPMyAdmin
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)
![Page 20: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/20.jpg)
20
Lancez PHPMyAdmin
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
![Page 21: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/21.jpg)
21
Administrez votre BD
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 données (localhost)
![Page 22: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/22.jpg)
22
Outils de déploiement
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
![Page 23: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/23.jpg)
23
Installation de Ruby
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
![Page 24: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/24.jpg)
24
Installation de Ruby -suite
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
![Page 25: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/25.jpg)
25
Installation de GIT
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
![Page 26: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/26.jpg)
26
Installation de RHC
Tapez la commande
gem install rhc
Cette opération prendra un peut de temps et vous obtenez le résultat suivant:
![Page 27: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/27.jpg)
27
Installation de RHC -suite
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
![Page 28: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/28.jpg)
28
Configuration de RHC
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 »
![Page 29: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/29.jpg)
29
Configuration de RHC -suite
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 »
![Page 30: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/30.jpg)
30
Configuration de RHC -suite
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
![Page 31: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/31.jpg)
31
Configuration de RHC -suite
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
![Page 32: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/32.jpg)
32
Ajoutez votre clé SSH
Pour ajouter la clé SSH, il suffit de cliquer sur le lien suivant:
Cliquez sur ce lien pour ajouter la clé publique
![Page 33: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/33.jpg)
33
Ajoutez votre clé SSH -suite
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
![Page 34: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/34.jpg)
34
Configurez le client GIT
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 protected]
![Page 35: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/35.jpg)
35
Clonez votre projet en local
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
![Page 36: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/36.jpg)
36
Clonez votre projet en local -suite 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.
![Page 37: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/37.jpg)
37
Confirmez les modifications
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
![Page 38: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/38.jpg)
38
Confirmez les modifications -suite 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
![Page 39: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/39.jpg)
39
Confirmez les modifications -suite Les captures écrans suivantes illustrent un
exemple contrait:
Un message indicatif qui permet d’identifier les différentes modifications effectuées
![Page 40: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/40.jpg)
40
Envoyez vos modifications
Enfin, vous êtes prêt à envoyer vos modifications à votre demande - vous «pousser» ces changements avec la commande :
git push
![Page 41: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/41.jpg)
41
Visualisez votre site en ligne
Vous pouvez visualiser votre application en ligne à tout moment en cliquant sur le lien présent sur cette interface :
Lien de votre application web
![Page 42: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/42.jpg)
42
Visualisez votre site en ligne -suite
Résultat en ligne de notre application de test :
![Page 43: Héberger vos applications web grâce à openshift cloud](https://reader035.fdocuments.us/reader035/viewer/2022062710/55b7efb8bb61eb08458b4684/html5/thumbnails/43.jpg)
Université de la Manouba – ESEN – 2014 / 2015
Bonne lecture
Cliquez sur l'icône pour ajouter une image