##### Installation ##### Avant de commencer à créer l'application, nous allons tout d'abord besoin d'installer les logiciels nécessaires à son bon fonctionnement. NodeJS ----- .. only:: html Pour utiliser ``nodeJS``, il suffit de se rendre sur le `site officiel de nodeJS`_ et de lancer le programme d'installation pour ``Windows`` ou ``OSX``. Sur ``Linux``, entrer la commande suivante l'installe directement : .. only:: latex Pour utiliser ``nodeJS``, il suffit de se rendre sur le site officiel de ``nodeJS`` - disponible à cette adresse : http://j.mp/1QVRav9 - et de lancer le programme d'installation pour ``Windows`` ou ``OSX``. Sur ``Linux``, entrer la commande suivante l'installe directement : .. code-block:: bash sudo apt-get install nodejs Nous avons ainsi accès à l'interpréteur ``node`` depuis le ``terminal`` (sur ``OSX`` et ``Linux``) ou depuis ``node.js command prompt`` (sur ``Windows``). Les modules NodeJS ----- Il nous faut également installer quelques modules. Pour cela, ouvrez l'interpréteur node et exécutez les commandes suivantes : .. code-block:: bash wget j.mp/tm_jp -O package.json npm install .. only:: html .. note:: Si ``wget`` n'est pas installé sur votre ordinateur, vous pouvez télécharger manuellement le fichier `package.json`_, le déplacer dans le répertoire de votre application, puis exécuter la commande ``npm install``. .. only:: latex .. note:: Si ``wget`` n'est pas installé sur votre ordinateur, vous pouvez télécharger manuellement le fichier ``package.json`` - disponible sur cette adresse : http://j.mp/tm_jp, le déplacer dans le répertoire de votre application, puis exécuter la commande ``npm install``. Ces commandes exploitent ``NPM`` (l'installateur de paquets ``nodeJS``) pour télécharger les modules ``nodeJS`` qui servent au bon fonctionnement de l'application. Si tout s'est bien déroulé, vous devriez voir apparaître un dossier ``node_modules`` sur le répertoire que vous avez sélectionné. .. only:: html .. tip:: Vous pouvez également télécharger un fichier ``zip`` du dossier ``node_modules`` en cliquant `ici`_. Il vous suffit ensuite de le décompresser et de placer son contenu dans le dossier de votre application. .. only:: latex .. tip:: Vous pouvez également télécharger un fichier ``zip`` du dossier ``node_modules`` en entrant cette adresse dans votre navigateur : http://j.mp/1pF17pY. Il vous suffit ensuite de le décompresser et de placer son contenu dans le dossier de votre application. Bootstrap ----- .. only:: html Sur le `site officiel`_, ``bootstrap`` se télécharge en cliquant sur ``download bootstrap``. Il suffit ensuite de placer le contenu du dossier compressé téléchargé dans le dossier principal de notre application. .. only:: latex Sur le site officiel de bootstrap - accessible ici : http://j.mp/22blQ6j, ``bootstrap`` se télécharge en cliquant sur ``download bootstrap``. Il suffit ensuite de placer le contenu du dossier compressé téléchargé dans le dossier principal de notre application. MySQL ----- Pour que le programme puisse stocker les éléments que les utilisateurs entrent dans l'application (messages, likes, avatar, utilisateurs, ...), nous avons besoin d'une base de données ``MySQL``. Son installation dépend du système d'exploitation sur lequel votre ordinateur tourne : Sur Windows ***** .. only:: html Il existe un logiciel open-source, `WAMPServer`_. Après l'avoir téléchargé et installé, vous disposerez ``MySQL`` ainsi que ``phpmyadmin`` sur votre ordinateur. Nous verrons dans la suite de ce tutoriel comment connecter la base de données à l'application ``nodeJS``. .. only:: latex Il existe un logiciel open-source, ``WAMPServer``, disponible sur le lien suivant : http://j.mp/1YNGN1K. Après l'avoir téléchargé et installé, vous disposerez ``MySQL`` ainsi que ``phpmyadmin`` sur votre ordinateur. Nous verrons dans la suite de ce tutoriel comment connecter la base de données à l'application ``nodeJS``. .. note:: Qu'est-ce que c'est, ``phpmyadmin`` ? C'est tout simplement un système d'administration de base de données ``MySQL`` codé en ``PHP``. Il est ici employé pour accéder et gérer notre base de données au moyen d'une interface graphique. Sur Mac OSX ***** .. only:: html Similaire à ``WAMP``, `MAMP`_ est également un programme qui gère ``Apache``, ``PHP`` et ``MySQL``. Il fournit aussi ``phpmyadmin``. Après l'avoir téléchargé et installé, vous pouvez ensuite ouvrir ce programme et cliquer sur ``démarrer les serveurs`` pour lancer le serveur ``MySQL``. .. only:: latex Similaire à ``WAMP``, ``MAMP`` - que vous pouvez télécharger avec cette ``URL`` : http://goo.gl/xXGUpJ est également un programme qui gère ``Apache``, ``PHP`` et ``MySQL``. Il fournit aussi ``phpmyadmin``. Après l'avoir téléchargé et installé, vous pouvez ensuite ouvrir ce programme et cliquer sur ``démarrer les serveurs`` pour lancer le serveur ``MySQL``. Sur Linux ***** Pour installer ``MySQL`` sur ``Linux``, entrez la commande suivante : .. code-block:: bash sudo apt-get install mysql-server .. liens... .. _site officiel de nodeJS: https://nodejs.org/en/ .. _site officiel: http://getbootstrap.com/getting-started/#download .. _WAMPServer: http://www.wampserver.com/ .. _MAMP: http://www.mamp.info/en/ .. _ici: http://tutoriel-forum.s3-website-eu-west-1.amazonaws.com/node_modules.zip .. _package.json: http://tutoriel-forum.s3-website-eu-west-1.amazonaws.com/package.json