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

Université de la Manouba – ESEN – 2014/20152ème année

Nassim BAHRI

Email : nassim.bahri@yahoo.frSite web : http://nassimbahri.ovh

Créez votre compte openshift

1

https://www.openshift.com/

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

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.

5

Valider votre inscription

Consultez votre boite mail et cliquez sur le lien de validation de votre compte

Lien de validation

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

Créez votre première application

2

https://www.openshift.com/

8

Créez votre application

Cliquez sur ce lien pour créer votre première application

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

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)

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

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.

Déployer votre application3

https://www.openshift.com/

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

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

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

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

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

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)

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

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)

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

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

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

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

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:

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

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 »

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 »

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

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

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

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

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@site.com

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

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.

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

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

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

40

Envoyez vos modifications

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

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 -suite

Résultat en ligne de notre application de test :

Université de la Manouba – ESEN – 2014 / 2015

Bonne lecture

Cliquez sur l'icône pour ajouter une image