Tutoriel Créez un environnement de développement local complet avec Scotch Box !

Rivals

Développeur
Inscription
27 Août 2016
Messages
904
Réactions
806
Points
6 204
    Réponse de Rivals Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #1


CREEZ UN ENVIRONNEMENT DE DEVELOPPEMENT AVEC SCOTCH BOX

Bonjour à tous, je vous propose aujourd'hui un nouveau tutoriel vous permettant de mettre en place un environnement de développement local complet avec Scotch Box.

PRE-REQUIS
Pour parler brièvement de Scotch Box c'est tout simplement une machine virtuelle (une box Vagrant pour les connaisseurs) qui va contenir pas mal de packages dont un développeur web a besoin dans la plupart de ses projets :
  • PHP (5.6),
  • Ruby (2.2)
  • Vim
  • Git
  • cURL
  • Imagick
  • GD
  • Composer
  • Beanstalkd
  • NodeJS
  • NPM
  • Mcrypt
  • MySQL
  • PostreSQL
  • SQLite
  • MongoDB
  • Redis
  • Memcache & Memcached
  • Grunt
  • Bower
  • Yeoman
  • Gulp
  • Browersync
  • PM2
  • L'installeur de Laravel
  • Laravel Envoy
  • Blackfire Profiler
  • Mailcatcher
Cet ensemble de packages tournent sous Ubuntu 14.04 LTS (Trusty Tahr), ainsi vous aurez la possibilité d'utiliser des environnements complètement isolés les un des autres mais également de vous passer de MAMP ou WAMP ce qui était pour moi très important étant donné le nombre de problèmes rencontrés notamment avec MySQL.

INSTALLATION
  1. Vous avez normalement installé Vagrant et VirtualBox, vous allez tout simplement vous rendre dans le dossier de votre choix pour pouvoir créer cet environnement en clonant le repository de Scotch à l'aide de Git.
    Code:
    git clone https://github.com/scotch-io/scotch-box.git XenForo
    You must be registered for see images attach
  2. Puis avec Vagrant nous allons démarrer notre machine dans le dossier que vous avez crée (dans mon cas XenForo) avec la commande suivante.
    Code:
    cd xenforo && vagrant up
    You must be registered for see images attach
  3. Une fois votre machine démarrée, rendez-vous à l'adresse suivante: :smile:
You must be registered for see images attach

UTILISATION

Une fois installée, nous voulons par exemple dans mon cas installer une version de XenForo. Pour se faire notre machine et notre ordinateur possèdent ce qu'on appelle des dossiers partagés / synchronisés, ces dossiers sont communs aux deux machines ainsi vous pouvez modifier le contenu disponible sur le serveur web de votre machine virtuelle très facilement. ::):
  1. Rendez-vous dans le dossier crée précédemment.
  2. Ouvrez le dossier public.
  3. Placez-y vos fichiers, dans mon cas une version de XenForo.
You must be registered for see images attach

Vous avez réussi à modifier le contenu de votre serveur web ! :cool:
  1. Dans mon cas je dois configurer une base de données, cela me permettra de vous montrer comme se connecter au serveur MySQL de notre machine virtuelle, pour se faire j'utilise un logiciel nommé mais vous pouvez tout aussi bien utiliser (plus complet) par exemple.

Informations de connexion à votre serveur MySQL


    • Utilisateur : root
    • Mot de passe : root
    • Hôte : localhost (127.0.0.1)
    • Hôte SSH : 192.168.33.10 (adresse IP de votre machine virtuelle)
    • Utilisateur SSH : vagrant
    • Mot de passe SSH : vagrant

You must be registered for see images attach

You must be registered for see images attach
En parlant de SSH, il est bien évidemment possible de se connecter à votre machine en SSH en utilisant la commande suivante.
Code:
vagrant ssh
You must be registered for see images attach
Pour éteindre votre machine (en quittant la session ssh -> exit) il suffit de taper la commande suivante.
Code:
vagrant halt
Vous avez la possibilité de modifier l'adresse IP de la machine ainsi que son hostname via le fichier Vagrantfile qui se trouve dans le dossier que vous avez crée.

Amicalement,
Rivals.
 
Dernière édition par un modérateur:

Snake's 🐍

Administrateur
Administrateur
Inscription
5 Juin 2012
Messages
8 471
Réactions
6 606
Points
17 965
    Réponse de Snake's 🐍 Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #2
Un outil très complet et qui révolutionne les IDE tel que wamp, mamp !
Superbe présentation :smile:
 

Roway

Contributeur
Inscription
9 Décembre 2012
Messages
9 772
Réactions
5 260
Points
16 522
    Réponse de Roway Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #3
Très beau topic Riri :love:
 

MILOU'ES

Membre
Inscription
25 Avril 2015
Messages
1 384
Réactions
326
Points
2 288
    Réponse de MILOU'ES Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #4


CREEZ UN ENVIRONNEMENT DE DEVELOPPEMENT AVEC SCOTCH BOX

Bonjour à tous, je vous propose aujourd'hui un nouveau tutoriel vous permettant de mettre en place un environnement de développement local complet avec Scotch Box.

PRE-REQUIS
Pour parler brièvement de Scotch Box c'est tout simplement une machine virtuelle (une box Vagrant pour les connaisseurs) qui va contenir pas mal de packages dont un développeur web a besoin dans la plupart de ses projets :
  • PHP (5.6),
  • Ruby (2.2)
  • Vim
  • Git
  • cURL
  • Imagick
  • GD
  • Composer
  • Beanstalkd
  • NodeJS
  • NPM
  • Mcrypt
  • MySQL
  • PostreSQL
  • SQLite
  • MongoDB
  • Redis
  • Memcache & Memcached
  • Grunt
  • Bower
  • Yeoman
  • Gulp
  • Browersync
  • PM2
  • L'installeur de Laravel
  • Laravel Envoy
  • Blackfire Profiler
  • Mailcatcher
Cet ensemble de packages tournent sous Ubuntu 14.04 LTS (Trusty Tahr), ainsi vous aurez la possibilité d'utiliser des environnements complètement isolés les un des autres mais également de vous passer de MAMP ou WAMP ce qui était pour moi très important étant donné le nombre de problèmes rencontrés notamment avec MySQL.

INSTALLATION
  1. Vous avez normalement installé Vagrant et VirtualBox, vous allez tout simplement vous rendre dans le dossier de votre choix pour pouvoir créer cet environnement en clonant le repository de Scotch à l'aide de Git.
    Code:
    git clone https://github.com/scotch-io/scotch-box.git XenForo
    You must be registered for see images attach
  2. Puis avec Vagrant nous allons démarrer notre machine dans le dossier que vous avez crée (dans mon cas XenForo) avec la commande suivante.
    Code:
    cd xenforo && vagrant up
    You must be registered for see images attach
  3. Une fois votre machine démarrée, rendez-vous à l'adresse suivante: :smile:
You must be registered for see images attach

UTILISATION

Une fois installée, nous voulons par exemple dans mon cas installer une version de XenForo. Pour se faire notre machine et notre ordinateur possèdent ce qu'on appelle des dossiers partagés / synchronisés, ces dossiers sont communs aux deux machines ainsi vous pouvez modifier le contenu disponible sur le serveur web de votre machine virtuelle très facilement. ::):
  1. Rendez-vous dans le dossier crée précédemment.
  2. Ouvrez le dossier public.
  3. Placez-y vos fichiers, dans mon cas une version de XenForo.
You must be registered for see images attach

Vous avez réussi à modifier le contenu de votre serveur web ! :cool:
  1. Dans mon cas je dois configurer une base de données, cela me permettra de vous montrer comme se connecter au serveur MySQL de notre machine virtuelle, pour se faire j'utilise un logiciel nommé mais vous pouvez tout aussi bien utiliser (plus complet) par exemple.

Informations de connexion à votre serveur MySQL


    • Utilisateur : root
    • Mot de passe : root
    • Hôte : localhost (127.0.0.1)
    • Hôte SSH : 192.168.33.10 (adresse IP de votre machine virtuelle)
    • Utilisateur SSH : vagrant
    • Mot de passe SSH : vagrant

You must be registered for see images attach

You must be registered for see images attach
En parlant de SSH, il est bien évidemment possible de se connecter à votre machine en SSH en utilisant la commande suivante.
Code:
vagrant ssh
You must be registered for see images attach
Pour éteindre votre machine (en quittant la session ssh -> exit) il suffit de taper la commande suivante.
Code:
vagrant halt
Vous avez la possibilité de modifier l'adresse IP de la machine ainsi que son hostname via le fichier Vagrantfile qui se trouve dans le dossier que vous avez crée.

Amicalement,
Thibeault.
J'utilise pas mais sa ma l'air bien présenter good topic :ok:
 

Narwyn

Membre
Inscription
20 Septembre 2014
Messages
49
Réactions
29
Points
1 458
    Réponse de Narwyn Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #5
Juste magnifique, merci pour cet outil plus qu'utile !
 

ExioFRA

Membre
Inscription
29 Février 2012
Messages
89
Réactions
26
Points
9 026
    Réponse de ExioFRA Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #6
Beaucoup plus complet que XAMPP ou WAMP à première vue, mais ça semble consommer plus de ressources au PC, je me trompe ?
Exio
 

Rivals

Développeur
Inscription
27 Août 2016
Messages
904
Réactions
806
Points
6 204
    Réponse de Rivals Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #7
Beaucoup plus complet que XAMPP ou WAMP à première vue, mais ça semble consommer plus de ressources au PC, je me trompe ?
Exio
Surtout à la création de la box, après en étant allumée je ne saurais pas te dire mais je peux regarder en rentrant chez moi ::):
 

Insomniaque97

Contributeur
Inscription
21 Juillet 2015
Messages
1 088
Réactions
502
Points
5 085
    Réponse de Insomniaque97 Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #8

Lagger

Responsable des lags
Contributeur
Inscription
28 Novembre 2011
Messages
1 763
Réactions
576
Points
10 308
    Réponse de Lagger Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #9
Merci beaucoup pour ce tutoriel !
Ceci est une révolution. :trollface:
 
Dernière édition:

Rivals

Développeur
Inscription
27 Août 2016
Messages
904
Réactions
806
Points
6 204
    Réponse de Rivals Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #10

Arkal`💩

El Diablo
Contributeur
Inscription
22 Mai 2016
Messages
690
Réactions
519
Points
3 170
    Réponse de Arkal`💩 Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #11
Waouh, cela a l'air d'être vraiment intéressant, merci du tutoriel :)
 

trazalca

Contributeur
Inscription
30 Décembre 2014
Messages
179
Réactions
65
Points
3 778
    Réponse de trazalca Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #13
Je connaissait pas du tout, merci beaucoup pour cette découverte ! :)
 

Mathieu 🏝

IT Officer @STATION F
Contributeur
Inscription
19 Novembre 2016
Messages
1 229
Réactions
1 365
Points
5 810
    Réponse de Mathieu 🏝 Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #14


♿ Marent ::):


CREEZ UN ENVIRONNEMENT DE DEVELOPPEMENT AVEC SCOTCH BOX

Bonjour à tous, je vous propose aujourd'hui un nouveau tutoriel vous permettant de mettre en place un environnement de développement local complet avec Scotch Box.

PRE-REQUIS
Pour parler brièvement de Scotch Box c'est tout simplement une machine virtuelle (une box Vagrant pour les connaisseurs) qui va contenir pas mal de packages dont un développeur web a besoin dans la plupart de ses projets :
  • PHP (5.6),
  • Ruby (2.2)
  • Vim
  • Git
  • cURL
  • Imagick
  • GD
  • Composer
  • Beanstalkd
  • NodeJS
  • NPM
  • Mcrypt
  • MySQL
  • PostreSQL
  • SQLite
  • MongoDB
  • Redis
  • Memcache & Memcached
  • Grunt
  • Bower
  • Yeoman
  • Gulp
  • Browersync
  • PM2
  • L'installeur de Laravel
  • Laravel Envoy
  • Blackfire Profiler
  • Mailcatcher
Cet ensemble de packages tournent sous Ubuntu 14.04 LTS (Trusty Tahr), ainsi vous aurez la possibilité d'utiliser des environnements complètement isolés les un des autres mais également de vous passer de MAMP ou WAMP ce qui était pour moi très important étant donné le nombre de problèmes rencontrés notamment avec MySQL.

INSTALLATION
  1. Vous avez normalement installé Vagrant et VirtualBox, vous allez tout simplement vous rendre dans le dossier de votre choix pour pouvoir créer cet environnement en clonant le repository de Scotch à l'aide de Git.
    Code:
    git clone https://github.com/scotch-io/scotch-box.git XenForo
    You must be registered for see images attach
  2. Puis avec Vagrant nous allons démarrer notre machine dans le dossier que vous avez crée (dans mon cas XenForo) avec la commande suivante.
    Code:
    cd xenforo && vagrant up
    You must be registered for see images attach
  3. Une fois votre machine démarrée, rendez-vous à l'adresse suivante: :smile:
You must be registered for see images attach

UTILISATION

Une fois installée, nous voulons par exemple dans mon cas installer une version de XenForo. Pour se faire notre machine et notre ordinateur possèdent ce qu'on appelle des dossiers partagés / synchronisés, ces dossiers sont communs aux deux machines ainsi vous pouvez modifier le contenu disponible sur le serveur web de votre machine virtuelle très facilement. ::):
  1. Rendez-vous dans le dossier crée précédemment.
  2. Ouvrez le dossier public.
  3. Placez-y vos fichiers, dans mon cas une version de XenForo.
You must be registered for see images attach

Vous avez réussi à modifier le contenu de votre serveur web ! :cool:
  1. Dans mon cas je dois configurer une base de données, cela me permettra de vous montrer comme se connecter au serveur MySQL de notre machine virtuelle, pour se faire j'utilise un logiciel nommé mais vous pouvez tout aussi bien utiliser (plus complet) par exemple.

Informations de connexion à votre serveur MySQL


    • Utilisateur : root
    • Mot de passe : root
    • Hôte : localhost (127.0.0.1)
    • Hôte SSH : 192.168.33.10 (adresse IP de votre machine virtuelle)
    • Utilisateur SSH : vagrant
    • Mot de passe SSH : vagrant

You must be registered for see images attach

You must be registered for see images attach
En parlant de SSH, il est bien évidemment possible de se connecter à votre machine en SSH en utilisant la commande suivante.
Code:
vagrant ssh
You must be registered for see images attach
Pour éteindre votre machine (en quittant la session ssh -> exit) il suffit de taper la commande suivante.
Code:
vagrant halt
Vous avez la possibilité de modifier l'adresse IP de la machine ainsi que son hostname via le fichier Vagrantfile qui se trouve dans le dossier que vous avez crée.

Amicalement,
Thibeault.
Je comprend rien en vraie :lol: je sait pas où installer quoi xD tester windows en vb et ubuntun rien marche ^^'
You must be registered for see images attach
 

Rivals

Développeur
Inscription
27 Août 2016
Messages
904
Réactions
806
Points
6 204
    Réponse de Rivals Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #15
♿ Marent ::):

Je comprend rien en vraie :lol: je sait pas où installer quoi xD tester windows en vb et ubuntun rien marche ^^'
You must be registered for see images attach
Il faut suivre le tutoriel tout simplement ::):
 

Mathieu 🏝

IT Officer @STATION F
Contributeur
Inscription
19 Novembre 2016
Messages
1 229
Réactions
1 365
Points
5 810
    Réponse de Mathieu 🏝 Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #16
Il faut suivre le tutoriel tout simplement ::):
C'est sque j'ai fais pendant 3h ^^' je puge pas bien je croit lol vagrant et git c'est a installer sur la vb avec unbutun ? :mmh:
 

Rivals

Développeur
Inscription
27 Août 2016
Messages
904
Réactions
806
Points
6 204
    Réponse de Rivals Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #17
C'est sque j'ai fais pendant 3h ^^' je puge pas bien je croit lol vagrant et git c'est a installer sur la vb avec unbutun ? :mmh:
Non du tout sur ton ordinateur et ainsi tu peux utiliser la machine ;)
 

Mathieu 🏝

IT Officer @STATION F
Contributeur
Inscription
19 Novembre 2016
Messages
1 229
Réactions
1 365
Points
5 810
    Réponse de Mathieu 🏝 Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #18
D

deleted732323

    Réponse de deleted732323 Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #19
♿ Marent ::):

Je comprend rien en vraie :lol: je sait pas où installer quoi xD tester windows en vb et ubuntun rien marche ^^'
You must be registered for see images attach
Tu n'as pas installer VirtualBox, (ou bien laisse le ouvert) pour qu'il créer le serveur ^^'
 

Rivals

Développeur
Inscription
27 Août 2016
Messages
904
Réactions
806
Points
6 204
    Réponse de Rivals Informatique ⌨️ Programmation Programmation web : Créez un environnement de développement local complet avec Scotch Box !
  • #20

Haut Bas