Outils pour utilisateurs

Outils du site


les_exposes:cloud_nine_ide

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
Prochaine révision Les deux révisions suivantes
les_exposes:cloud_nine_ide [22/01/2020 20:25]
tricoire
les_exposes:cloud_nine_ide [22/01/2020 20:58]
tricoire
Ligne 1: Ligne 1:
-====== Qu'​est-ce que AWS CLOUD9 ​IDE ======+====== Qu'​est-ce que AWS CLOUD9 ​ ======
  
-[[https://​aws.amazon.com/​fr/​cloud9/​|AWS Cloud9 ​IDE]] anciennement Cloud9 ide  est un site basé sur sur le même principe que Google Drive, c'est à dire sur le partage de projet mais axé sur la programmation. Il permet d’écrire,​ d'​exécuter et de déboguer. Ce site comporte un éditeur de type notepad, un compilateur,​un terminal il gère l'​indentation,​ la mise en couleur du code… Il nous permet de coder dans plusieurs langages tels que le C++, le Ruby, le Python, le HTML/​CSS/​Javascript/​PHP.. Il est très pratique car il ne nécessite pas d’application,​ seulement un navigateur.  +[[https://​aws.amazon.com/​fr/​cloud9/​|AWS Cloud9 ]] anciennement Cloud9 ide  est un site basé sur sur le même principe que Google Drive, c'est à dire sur le partage de projet mais axé sur la programmation. Il permet d’écrire,​ d'​exécuter et de déboguer. Ce site comporte un éditeur de type notepad, un compilateur,​un terminal il gère l'​indentation,​ la mise en couleur du code… Il nous permet de coder dans plusieurs langages tels que le C++, le Ruby, le Python, le HTML/​CSS/​Javascript/​PHP.. Il est très pratique car il ne nécessite pas d’application,​ seulement un navigateur. ​
- +
-Nous parlerons ici de la partie du site concernant la programmation web, c'est à dire le HTML, le CSS, le javascript, le PHP et les bases de données type MySQL.+
  
 ====== Comment y créér un projet ====== ====== Comment y créér un projet ======
  
-Tout d'​abord,​ il faut s'​inscrire. Le site est en anglais mais facilement compréhensible : il suffit d'​entrer son adresse mail dans le champ (voir image ci-dessous) ​et de cliquer sur Sign up.+Tout d'​abord,​ il faut s'​inscrire. Le site ayant été racheté par Amazon, celui-ci ​est maintenant traduit ​dans beaucoup de langues dont le français ​seulement pour la partie inscription ​et menu)
  
 {{:​les_exposes:​annotation_2020-01-22_202033.png?​400|}} {{:​les_exposes:​annotation_2020-01-22_202033.png?​400|}}
  
-Une fois fait, un nom d'​utilisateur ​vous est demandé puis plusieurs questions vous sont posées : quel type de développeur vous êtes, l'​utilisation que vous comptez faire de Cloud. +Il vous faudra ​d’abord ​vous créer un compte, ​pour cela, vous aurez besoin ​de fournir ​une adresse email, un mot de passe et votre surnom.
-Une fois que vous aurez répondu à ces questions, vous pouvez valider la création de votre compte+
- +
-La création de votre compte est désormais terminéeil faut maintenant vous créér votre espace de travail.  +
-Pour cela, il vous faut cliquer sur "​create a new workspace"​. +
-Vous accédez donc à une page où plusieurs informations vous sont demandées :  +
- +
-- Le nom de votre projet +
- +
-- Une courte description de celui-ci  +
- +
-- Le type de projet (privé/​public,​ un projet privé pourra malgré tout être mis en ligne par vos soins à partir de cloud9 lorsque vous le désirerez, et vous pourrez également y ajouter d'​autres personnes destinnées à vous aider à programmer, je vous conseille donc de choisir ce type de projet) +
- +
-- //Le champ suivant (Clone from Git or Mercurial URL) ne vous concerne pas dans le cadre de la création d'un nouveau projet// +
- +
-- Enfin, il vous faut choisir le type de projet que vous comptez réaliser, c'est à dire le language dont vous aurez besoin ​pour votre projet. __Si vous souhaiter réaliser un site web avec une base de données__il vous faut choisir le language "PHP, Apache & MySQL"  +
- +
- +
-====== La programmation web ====== +
- +
-Votre projet est créé, vous disposez de votre espace de travail sur Cloud9. Cet espace de travail est semblable à un éditeur de texte classique comme Notepad.Sur la partie gauche de l'​écran sont regroupés vos pages, images, etc, il vous est possible d'y créer des arborescenses,​ d'​uploader des images ..  +
-Contrairement à Google Drive, les sauvergardes automatiques ne sont pas activées pa défaut, je ne conseille pas de le faire car pouvoir restaurer à la dernière sauvegarder peut-être utile, prenez donc l'​habitude de sauvegarder dans le menu en haut "​file"​ --> "Save All" ou d'​utiliser le raccourcis clavier Ctrl + S. +
-  +
-Sur ce même menu "​Files",​ il vous est possible de télécharger l'​intégralité  ​de votre projet en cliquant simplement sur "​Download Project"​.+
  
-Il est conseillé de créér une page "​index.php"​ ou "​index.html"​ à la racine de votre projet qui sera la page par défaut ​de votre site, c'est à dire lorsque ​vous n'avez pas entré de page précise dans votre urlseulement ​l'adresse ​du site.+La création ​de votre compte peut alors continuer, pour avoir accès au site, vous devrez fournir des informations selon votre utilisation du site( adresse, nom téléphone si utilisation personnel et nom de l’entreprise,​ numéro de téléphone et adresse ​de l’entreprise si professionnel)
  
-Pour créer une base de données sur votre site : +Vous devrez ensuite entrer vos information ​de carte de crédit pour prouver ​votre majorité mais aussi si vos utilisations dépasse les limites gratuites du siteVous recevrez ensuite ​un SMS pour prouver que vous n'​êtes pas un robot. Il est sinon possible d'​avoir un accès étudiant lorsque votre compte est lié à un enseignant.
-- En bas de la page principale ​de votre éditeur se trouvent diverses pages de commande de type shell/cmdAjoutez ​un onglet et choisissez "New Terminal"​. +
-Dans cet onglet, entrez les commandes suivantes et validez les avec la touche "​entrée"​ : +
---> mysql-ctl start +
---> mysql-ctl cli +
---> phpmyadmin-ctl install ​+
  
-//(si cela ne fonctionne pas, cliquez sur "run project"​ en haut de l'​écran,​ le bouton vert.)//+Vous ensuite un choix à faire entre trois plan de support:
  
-votre lien vers phpmyadmin vous sera normalement donnéil est de la forme https://​lenomdevotreprojet-votrepseudo.c9users.io/​phpmyadmin/​+ - le premier gratuit avec un accès au forumsune vue sur les performances et sécurité ​de votre projet et l'​accès au notification
  
-Copiez ce lien dans un nouvel onglet ​pour accéder à Phpmyadmin+-Le plan développeur (29 dollars par mois) qui permet fait pour les tests, du développement,​ un contact avec des demandes illimités au support avec maximum 12h de temps de réponse en jours de bureau
  
-La page où vous arrivez requiert un nom de compte et un mot de passe : le nom de compte est votre pseudo ​et il n'y a pas de mot de passe.+- Le plan professionnel qui est comme de plan développeur mais avec plus d'​accès au ressources allouées, ​un contact avec le support h24 7j/7 et 1h de réponse. 
 +Le site nous demandera ensuite notre métier ​et nos domaines pour essayer au maximum ​de correspondre à l’utilisation dont nous avons besoin.
  
-La page sur laquelle vous arrivez vous permettra de créer votre base de données. 
-Tout d'​abord,​ il est conseillé de créer un compte qui servira uniquement pour votre site, avec des autorisations de gestion de la base de données restreinte c'est à dire généralement insert/​update/​select et parfois delete (déconseillé). 
-Pour cela 
-- accédez à l'​onglet "​utilisateurs"​. 
-- cliquez sur "​ajouter un utilisateur"​ 
-- choisissez le nom d'​utilisateur,​ le mot de passe 
-- cochez les cases select/​insert/​udpate dans les privilièges,​ ajoutez "​delete"​ si besoin, file si besoin également, puis cliquez sur executer en bas à droite pour créer votre compte administrateur. 
  
-Il vous faut ensuite créer votre base de données, cliquez donc sur l'​onglet "bases de données",​ entrez le nom de la base de données que vous souhaitez créer et cliquez sur "​créer"​. 
  
-Votre base de données est créée,​cliquez sur "​vérifier les privilèges"​ pour cette base et assurez vous que le compte précédemment créé est bien dans la liste, si c'est le cas, c'est que tout est bon.+====== Type de projet ======
  
-Votre base de données est créée, votre compte administrateur également, il vous faut créér le fichier "​config.php"​ dont vous aurez besoin pour permettre la connection à votre base de données. +{{:​les_exposes:​project.png?400|}}
-Ce fichier devra être inclu sur chaque page de votre site où vous en aurez besoin.+
  
-Créez donc un fichier à la racine de votre site et appellez ​le "​config.php"​. +Vous aurez alors le choix entre une multitude d’applicationallant de la création de jeux-vidéo, d’espace de stockage en passant par la création d’application mobile et de base de donnée
-Dans ce fichiercopiez-collez ce code :+
  
-<?php +====== ​AWS IDE ======
-    $servername ​getenv('​IP'​);​ +
-    $username ​"​le-compte-créé-précédemment";​ +
-    $password ​"​le-mot-de-passe-de-ce-compte";​ +
-    $database ​"​le-nom-de-votre-base-de-données";​ +
-    $dbport ​3306; +
-    $connection ​mysqli_connect($servername,​ $username, $password, $database, $dbport)or die(mysql_error());​ +
-        if ($connection->​connect_error) { +
-        die("​Connection failed: " . $connection->​connect_error);​ +
-    }  +
-?>   +
-   +
-sur chaque page de votre site, il vous faudra insérer ce code :+
  
-<?php +Pour la programmation web, c’est le service IDE qui nous intéresseraVous devrez tout d’abord nommer votre projet (et facultativement lui donner une petite description)
-include("​config.php")+
-?>+
  
-pour créer et exécuter des requêtes vers la base de données il vous faudra ​procéder de la sorte :+Il faudra ​ensuite choisir choisir vos paramètres d'​environnement ​
  
-<?php +- créer une nouvelle instance amazon EC2 si vous partez ​de 0 ou se connecter à un serveur vous appartenant SSH.
-$query = "​SELECT pseudo FROM comptes";​  +
-/* on demande a la base de donnéés de nous donner les pseudos et les scores dans l'​ordre des scores du plus grand au plus petit /*+
  
-$result = mysqli_query($connection,​ $query);  +- choisir le nombre de giga de RAM de 1 à 8à allouer ainsi que le nombre ​de processeur (de 1 à 2)
-/* $connection : variable contenant les informations ​de connexion ​à la base, $query : variable contenant la requête précédemment préparée /*+
  
-while ($row = mysqli_fetch_assoc($result) +- La plateforme ​Ubuntu ou Amazon)
-/* transformation du résultat de la requete en un tableau a chaque tour de la boucle on accede à la ligne suivante de la base de donné */ +
-+
-  $pseudo = $row['​pseudo'​];​ +
-  // récupération du pseudo actuel dans la variable $pseudo.  +
-+
-?>+
  
-Les informations principales sont à votre disposition,​ pour en savoir plus, allez sur [[https://​openclassrooms.com/​courses/​maitrisez-mysqli-sans-poo|Open Classrooms - Mysqli]]+- Le délai avant la mise en veille de l'​environnement
  
-====== Partager le projet ====== 
  
-Pour permettre à d'​autres personnes de travailler avec vous sur votre projet, ces personnes doivent se créer ​un compte sur Cloud9. Vous pouvez les y inviter en cliquant sur "​share"​ (en haut à droite de l'​écran) et en indiquant l'​adresse mail de la personne à inviter. Si la personne a déjà un compteil vous suffit de le rentrer dans le même champ. N'​oubliez pas de sélectionner le mode adapté c'est à dire "​R"​ si vous voulez autoriser seulement la lecture et la visualisation du projet par la personne ou "​RW"​ si vous souhaitez également l'​autoriser à le modifier.+Votre projet créer, vous arriverez sur cette page : 
  
-Pour mettre votre site en ligne, il vous suffit de cocher la case "​public"​ sur la ligne "​application"​ de cette même fenêtre. Le lien pour accéder à votre site est celui indiqué sur cette ligne. 
  
 +Votre projet créer, vous arriverez sur cette page :
  
-  
  
les_exposes/cloud_nine_ide.txt · Dernière modification: 22/01/2020 21:13 par tricoire