Overview

Skill Level: Beginner

Déployer son premier site Web. Utiliser Cloud Foundry

Ingredients

  • Compte IBM Cloud nécessaire.

 

Objectif :

cloudfoundry3

Step-by-step

  1. Initialiser son espace

    • Vérifiez dans Gérer->compte->organisation cloud Foundry que vous possédez une organisation et un espace dans celle ci. On peut choisir n’importe quel DataCenter.

     

    orga

     

     

  2. Préparer ses fichiers

    Sur votre poste, vous disposez de vos fichiers HTML, Javascript et éventuellement PHP. Il faut ajouter un fichier manifest.yml. Ce fichier permet à IBM Cloud de déployer sur la plateforme. Vous pouvez également télécharger cet exemple de portefeuille de compétence :
    https://github.com/cherryclass/IBM-premier-site

     Ici nous spécifions la quantité de mémoire pour une instance, le nombre d’instances souhaitées, le nom de l’application et l’url de l’application. Bien respecter les espaces dans ce fichier.

    applications:
    - name: portefeuille
    memory: 128M
    instances: 1
    routes:
    - route: portefeuille.mybluemix.net
    buildpack: php_buildpack


    port7

  3. Option 1 - Créer une instance PHP via l'interface

    • Créer une instance PHP.

    cloudfoudry1

     

     

    • Activer la distribution continue dans vue d’ensemble.
    • Valider la création de la clef.

     

    portefeuille1

     

    portefeuille2

     

  4. Option 1 - Déployer son code via l'interface

    • Cliquer sur Orion

     

    cloudfoundry2

     

     

    • Supprimer le répertoire portefeuille
    • Recréer le répertoire portefeuille
    • Déplacer vos fichiers de votre pc dans ce répertoire

    portefeuille5

     

    • Cliquer sur créer un nouvelle configuration.
    • Sauvegarder directement.

    portefeuille6

     

    • Déployer l’applicatione en cliquant sur lecture.
    • Attendre quelques minutes le temps que l’application indique un état vert.
    • Cliquer sur le bouton ouvrir pour visualiser l’application.

     

    portefeuille7-1

     

    • Le résultat

     

    port13

     

     

  5. Option 2 - Se connecter en ligne de commande

     

    port6

     

     

    • Pointez sur votre répertoire, cd temp/portefeuille par exemple. Puis executez les commandes bx login et bx target –cf. Indiquez éventuellement votre organisation et votre espace si vous en possedez plusieurs.

     

    port9

     

  6. Option 2 - Déployer son site en ligne de commande

    • Executez la commande pour déployer sur IBM Cloud, bx cf push.
      Après un certain nombre de lignes, l’application est démarrée s’il n’y a pas d’erreur dans le manifest.

     

    port10

     

    • Pour visualiser l’application, rendez-vous dans le tableau de bord de IBM Cloud. Pour accéder au tableau de bord, cliquez sur le menu en haut à gauche.
      Vérifiez la région, l’organisation et l’espace. On retrouve son application monportefeuille. Il suffit de cliquer sur la route correspondante.

     

    port11

     

     

  7. Détecter les erreurs

    Si vous avez du CSS ou du Javascript, il faut vérifier en inspectant votre page que tout est bien accessible.

    Pour cela, quand vous êtes sur votre page, clic droit puis “inspecter” sur Chrome ou “examiner l’élément” sur Mozilla ensuite console. Vous pouvez vérifier que les fichiers CSS et Javascript sont bien chargées. Modifiez si nécessaire dans vos fichiers la destination. Ne pas mettre de répertoire vendor ou lib qui seront remplacés par IBM Cloud au déploiement.

     

    port12

  8. What else ?

    Ces tutoriels peuvent vous intéresser :
    https://developer.ibm.com/recipes/author/l-frebourg/

    https://frebourg.es/#cloud

     

Join The Discussion