Procédure de configuration et préparation de l’environnement sous windows
Héberger vos applications web grâce à openshift cloud
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
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. 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. Valider votre inscription
5
Consultez votre boite mail et cliquez sur le lien de
validation de votre compte
Lien de validation
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
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. 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. 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. 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.
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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Envoyez vos modifications
40
Enfin, vous êtes prêt à envoyer vos modifications à votre
demande - vous «pousser» ces changements avec la
commande :
git push
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. Visualisez votre site en ligne -
suite42
Résultat en ligne de notre application de test :