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 [12/05/2016 09:41]
chauvire
les_exposes:cloud_nine_ide [22/01/2020 20:58]
tricoire
Ligne 1: Ligne 1:
-====== Qu'​est-ce que Cloud9 Ide ======+====== Qu'​est-ce que AWS CLOUD9  ​======
  
-[[https://c9.io/​|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. Ce site comporte un éditeur de type notepad, un compilateur,​ il gère l'​indentation,​ la mise en couleur du code...  +[[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’applicationseulement un navigateur
-Il nous permet de coder dans plusieurs ​languages ​tels que le C++, le Ruby, le Python, le HTML/​CSS/​Javascript/​PHP.. +
- +
-Nous parlerons ici de la partie du site concernant la programmation web, c'est à dire le HTMLle 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:​tuto_cloud9.jpg?​400|}} +
- +
-Une fois faitun 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. +
-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ée, il 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" ​+{{:​les_exposes:​annotation_2020-01-22_202033.png?400|}}
  
 +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.
  
-====== ​La programmation web ======+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)
  
-Votre projet est créé, vous disposez ​de votre espace de travail sur Cloud9Cet 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 ..  +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 robotIl est sinon possible ​d'avoir un accès étudiant lorsque ​votre compte est lié à un enseignant.
-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 url, seulement l'​adresse du site.+Vous ensuite un choix à faire entre trois plan de support:
  
-Pour créer ​une base de données ​sur votre site : + - le premier gratuit avec un accès au forums, ​une vue sur les performances et sécurité ​de votre projet ​et l'​accès au notification
-- En bas de la page principale ​de votre éditeur se trouvent diverses pages de commande de type shell/cmd. Ajoutez 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 pascliquez sur "run project" ​en haut de l'​écran,​ le bouton vert.)//+-Le plan développeur ​(29 dollars par mois) qui permet fait pour les testsdu développement,​ un contact avec des demandes illimités au support avec maximum 12h de temps de réponse ​en jours de bureau
  
-votre lien vers phpmyadmin vous sera normalement donné, il est de la forme https://​lenomdevotreprojet-votrepseudo.c9users.io/​phpmyadmin/​+- 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.
  
-Copiez ce lien dans un nouvel onglet pour accéder à Phpmyadmin 
  
-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. 
  
-La page sur laquelle vous arrivez vous permettra ​de créer votre base de données. +====== Type de projet ======
-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"​.+{{:​les_exposes:​project.png?400|}}
  
-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 listesi c'est le cas, c'est que tout est bon.+Vous aurez alors le choix entre une multitude d’application,​ allant de la création de jeux-vidéod’espace de stockage en passant par la création d’application mobile et de base de donnée
  
-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. +====== AWS IDE ======
-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"​. +Pour la programmation webc’est ​le service IDE qui nous intéresseraVous devrez tout d’abord nommer ​votre projet ​(et facultativement lui donner une petite description)
-Dans ce fichiercopiez-collez ce code : +
-+
-<?php +
-    $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 +
-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 +
-$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);  +- créer une nouvelle instance amazon EC2 si vous partez ​de 0 ou se connecter ​à un serveur vous appartenant SSH.
-/* $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))  +- choisir le nombre de giga de RAM ( de à 8) à allouer ainsi que le nombre ​de processeur ​ 
-/* 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é */ +  ​( de 1 à 2)
-{ +
-  ​$pseudo = $row['​pseudo'​];​ +
-  // récupération du pseudo actuel dans la variable $pseudo.  +
-+
-?>+
  
-"+- La plateforme ( Ubuntu ou Amazon)
  
 +- 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