-
Installez XAMPP avec au minimum les modules Apache et MySQL.
-
Ouvrez votre XAMPP et activer les serveurs Apache et MySQL.
-
Ouvrir le dossier
htdocs
. (Dans XAMPP qui se trouve à la racine de votre disque). -
Déposer dans celui ci le dossier
resaexpo
qui contient le code du site ainsi que le fichier de Base de Données.
-
Dans la barre d'URL de votre navigateur, tapez : localhost/phpMyAdmin.
-
Créez une nouvelle base de donnée en cliquant sur
Nouvelle base de données
, en haut de la liste de vos bases de données, à gauche de la page. -
Cliquez sur la base de donnée que vous venez de créer.
-
Allez dans l'onglet
Importer
. -
Sélectionnez le fichier
database.sql
qui se trouve dans le dossierresaexpo
. -
Cliquez sur
Importer
, en bas de la page. -
Ouvrez les fichiers
database-sample.php
, qui se trouvent dans le dossierscript
du dossier "reservationWebsite" et dans le dossierapi
, avec un éditeur de texte quelquonque. -
Modifiez les valeurs des variables PHP avec le serveur de base de donnée (normalement localhost en local), le nom d'utilisateur phpMyAdmin, le mot de passe de l'utilisateur, et enfin le nom de la base de donnée que vous venez de créer.
-
Renommez les fichiers
database-sample.php
endatabase.php
.
-
Allez à l'adresse http://localhost/resaexpo/reservationWebsite/index.php/ dans votre navigateur pour arriver sur le site de réservation.
-
La page d'accueil du site s'affichera.
Warning : En utilisant le site en local, vous verez réguliérement des messages d'erreurs PHP avec certaines fonctionnalités du site. Cela est dû à l'impossibilité d'envoyer des mails depuis un serveur local. Pour éviter ces messages, il est conseillé de tester le site en ligne.
-
Ouvrir le dossier
includes
qui se trouve dans le dossierapi
. -
Ouvrir le fichier
config-sample.php
avec un éditeur de texte quelquonque. -
Renseigner la constante
SECRET
avec une chaîne de caractères de votre choix. -
Envoyez des requêtes à l'adresse http://localhost/resaexpo/api/.
La documentation complète de l'API est disponible à cette adresse (https://shrub-persimmon-7df.notion.site/API-c296db2c451c40af9a5b9e6b7f6fd049?pvs=4).
- Allez à l'adresse http://localhost/resaexpo/backoffice/out dans votre navigateur pour arriver sur le back-office buildé.
-
Ouvrez le dossier
backoffice
qui se trouve dans le dossierresaexpo
. -
Installez npm et node.js si vous ne les avez pas déjà.
-
Ouvrez un terminal dans le dossier
backoffice
. -
Tapez la commande
npm install
pour installer les dépendances. -
Tapez la commande
npm start
pour lancer le serveur. -
Allez à l'adresse http://localhost:3000 dans votre navigateur pour arriver sur le back-office.
-
Ouvrez le dossier
backoffice
qui se trouve dans le dossierresaexpo
avec visual studio code. -
Cliquez sur la loupe sur votre barre latérale gauche pour ouvrir la fonction de recherche.
-
Tapez
https://api.sinyart.fr
dans la barre de recherche. -
Développez la flèche à gauche du champ de recherche pour ouvrir la fonction de remplacement.
-
Remplacez toutes les occurences de
https://api.sinyart.fr
parhttp://localhost/resaexpo/api
.
Warning : Si vous faites en sorte d'utiliser l'API locale avec le backoffice, aucun mail ne sera envoyé, car l'envoie de mail n'est pas possible avec un serveur local.
-
Ouvrez le fichier
model3D.md
qui se trouve dans le dossier assets du dossierexposition
. -
Suivez les instructions pour télécharger le model 3D de l'exposition.
-
Allez à l'adresse http://localhost/resaexpo/exposition/ dans votre navigateur pour arriver sur l'exposition virtuelle.