Overview

Skill Level: Beginner

Déployer son premier site Web. Utilisable en Lycée.

Ingredients

  • Compte IBM Cloud n√©cessaire.

 

Objectif :

php-1

Step-by-step

  1. Ajouter son code promo

    https://developer.ibm.com/recipes/tutorials/bluemix-code-promotionnel-education-france/#r_step4

     

     

     

  2. 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

     

     

  3. 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

  4. Version 1 - Créer une instance PHP via l'interface

    • Cr√©er une instance PHP.

     

    php-1

     

    • Activer la distribution continue.
    • Valider la cr√©ation de la clef.

     

    portefeuille1

     

    portefeuille2

     

  5. Version 1 - Déployer son code via l'interface

    • Cliquer sur Orion

     

    portefeuille3

     

    • 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

     

     

  6. Version 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

     

  7. Version 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

     

     

  8. 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

  9. What else ?

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

Join The Discussion