Skip to content
Snippets Groups Projects
Commit e3ff682b authored by Hakan EBABIL's avatar Hakan EBABIL
Browse files

fix pour l'année 2020/2021: dockerize et vire symfony + le readme

parent 215ed8cc
No related merge requests found
# Use the front controller as index file. It serves as a fallback solution when
# every other rewrite/redirect fails (e.g. in an aliased environment without
# mod_rewrite). Additionally, this reduces the matching process for the
# start page (path "/") because otherwise Apache will apply the rewriting rules
# to each configured DirectoryIndex file (e.g. index.php, index.html, index.pl).
DirectoryIndex index.php
# By default, Apache does not evaluate symbolic links if you did not enable this
# feature in your server configuration. Uncomment the following line if you
# install assets as symlinks or if you experience problems related to symlinks
# when compiling LESS/Sass/CoffeScript assets.
# Options FollowSymlinks
# Disabling MultiViews prevents unwanted negotiation, e.g. "/index" should not resolve
# to the front controller "/index.php" but be rewritten to "/index.php/index".
<IfModule mod_negotiation.c>
Options -MultiViews
</IfModule>
<IfModule mod_rewrite.c>
RewriteEngine On
# Determine the RewriteBase automatically and set it as environment variable.
# If you are using Apache aliases to do mass virtual hosting or installed the
# project in a subdirectory, the base path will be prepended to allow proper
# resolution of the index.php file and to redirect to the correct URI. It will
# work in environments without path prefix as well, providing a safe, one-size
# fits all solution. But as you do not need it in this case, you can comment
# the following 2 lines to eliminate the overhead.
RewriteCond %{REQUEST_URI}::$1 ^(/.+)/(.*)::\2$
RewriteRule ^(.*) - [E=BASE:%1]
# Sets the HTTP_AUTHORIZATION header removed by Apache
RewriteCond %{HTTP:Authorization} .
RewriteRule ^ - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
# Redirect to URI without front controller to prevent duplicate content
# (with and without `/index.php`). Only do this redirect on the initial
# rewrite by Apache and not on subsequent cycles. Otherwise we would get an
# endless redirect loop (request -> rewrite to front controller ->
# redirect -> request -> ...).
# So in case you get a "too many redirects" error or you always get redirected
# to the start page because your Apache does not expose the REDIRECT_STATUS
# environment variable, you have 2 choices:
# - disable this feature by commenting the following 2 lines or
# - use Apache >= 2.3.9 and replace all L flags by END flags and remove the
# following RewriteCond (best solution)
RewriteCond %{ENV:REDIRECT_STATUS} ^$
RewriteRule ^index\.php(?:/(.*)|$) %{ENV:BASE}/$1 [R=301,L]
# If the requested filename exists, simply serve it.
# We only want to let Apache serve files and not directories.
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^ - [L]
# Rewrite all other queries to the front controller.
RewriteRule ^ %{ENV:BASE}/index.php [L]
</IfModule>
<IfModule !mod_rewrite.c>
<IfModule mod_alias.c>
# When mod_rewrite is not available, we instruct a temporary redirect of
# the start page to the front controller explicitly so that the website
# and the generated links can still be used.
RedirectMatch 307 ^/$ /index.php/
# RedirectTemp cannot be used instead
</IfModule>
</IfModule>
......@@ -3,22 +3,6 @@ FROM php:7.3-apache
# Update system
RUN apt-get update
# Install composer
ENV COMPOSER_HOME "/home/www-data/.composer"
RUN mkdir -p $COMPOSER_HOME && chmod -R 777 $COMPOSER_HOME && curl -sS https://getcomposer.org/installer | php \
&& chmod +x composer.phar && mv composer.phar /usr/local/bin/composer
# Install NPM
RUN curl -sL https://deb.nodesource.com/setup_10.x | bash
RUN apt-get update && apt-get install -y nodejs wget git
# Install Sass
RUN npm install -g sass
# Install symfon
RUN wget https://get.symfony.com/cli/installer -O - | bash &&\
export PATH="$HOME/.symfony/bin:$PATH"
RUN mkdir /srv/app
COPY vhost.conf /etc/apache2/sites-available/000-default.conf
......
......@@ -4,14 +4,16 @@ services:
build:
context: .
dockerfile: Dockerfile
container_name: web_todo_1
ports:
- 8001:80
volumes:
- .:/srv/app
- ./interface-initiale:/srv/app
depends_on:
- mysql
mysql:
image: mysql:5.7
container_name: mysql_todo_1
environment:
MYSQL_ROOT_PASSWORD: root
MYSQL_DATABASE: todos
......
......@@ -2,7 +2,7 @@
session_start();
$pdo = new \PDO('mysql:host=127.0.0.1;port=3306;dbname=architecture_web_tp1;charset=utf8;', 'root', 'root');
$pdo = new \PDO('mysql:host=mysql_todo_1;port=3306;dbname=todos;charset=utf8;', 'todos-user', 'todos-pwd');
if (isset($_GET['logout'])) {
$_SESSION['user_id'] = null;
......
# Travaux pratiques - 1
L'objectif du TP est de réécrire l'application todo list en suivant le paradigme MVC.
## Fonctionnalitées attendues
- Login (email / mot de passe) : récupère et vérifie dans la table des users une occurence qui correspond au couple. Si tout est bon on le redirige vers la page de listing des tâches.
- Logout : déconnecte l'utilisateur et retourne sur la page de login.
- Formulaire d'ajout d'une tâche: titre / description / personne assignée (optionnel) et date d'échéance. Modale ou fenêtre à part, libre à vous de choisir la solution la plus ergonomique.
- Liste et détail des tâches: sur deux colonnes: à gauche une liste des tâches. On pourra imaginer qu'on affiche uniquement le titre avec un lien vers le détail de la tâche.
- Le détail de la tâche s'affiche dans le panneau de droite. On y trouver un formulaire pour ajouter un commentaire sur cette tâche (un textarea). On pourra aussi y mettre un "toggle" pour spécifier si la tâche a été réalisée ou non.
## Fonctionnalités Bonus
- Filtrage des tâches dans le pannel de gauche par "utilisateur assigné" et par "traité ou non"
- Utilisation de composant Javascript Rich Text Editor pour les description des todos et des commentaires. Utilisations de composant datetime picker pour les selecteurs de date.
## Indications
Pour réaliser le TP Il faudra utiliser le framework **Symfony** et le moteur de template **Twig**. La persistance se fera avec l'ORM **Doctrine**. Nous utiliserons également la dernière version de **Bootstrap** pour notre vue. Dans l'idéal, vous effectuez au moins une requête en **AJAX** (XMLHTTPRequest). Vous récupérez vos dépendances avec **composer** et **npm**.
Dans votre composer.json, n'oubliez pas de spécifier **les noms des deux auteurs** si vous faites le projet en groupe (ce que je vous conseille de faire).
## Docker
Docker va me permettre de tester plus facilement vos applications. Soit vous utilisez le Dockerfile et le docker-compose fourni, soit vous en fournissez un qui sera correctement configuré. **Si le docker-compose up ne fonctionne pas, je ne testerais pas**. (Et donc forcément une partie de la notation du projet s'en ressentira).
Pour utiliser Docker, copiez les fichiers vhost.cong, docker-compose.yml, Dockerfile et le répertoire init-database à la racine de votre projet. Puis tapez dans la CLI :
```shell
docker-compose up
```
Vous devriez accéder à votre site en tappant dans votre navigateur http://localhost:8001
Votre base de données sera accessible sur le port 8002. Voici les information de connexion:
```
MYSQL_ROOT_PASSWORD: root
MYSQL_DATABASE: todos
MYSQL_USER: todos-user
MYSQL_PASSWORD: todos-pwd
```
N'oubliez pas de modifier votre fichier de configuration de symfony .env à la racine de votre projet en modifiant la variable DATABASE_URL :
```
DATABASE_URL=mysql://todos-user:todos-pwd@mysql:3306/todos
```
## Hints
- Pour créer votre projet, vous pouvez utiliser la ligne de commande
```
symfony new --full todos
```
- Pour créer vos modèles, vous pouvez suivre la documentation qui se trouve là : https://symfony.com/doc/current/doctrine.html
- Vous devriez / pourriez retrouver les propriétés suivantes dans les entités:
- Todo, une propriété "author" (Many to one), une propiété "assignee" (Many to one), et une propriété "comments" (One to Many)
- Comments, une propriété "todo" (Many to One)
- User : "createdTodos" (One to Many) et "assignedTodos" (One to Many)
- Vous avez la possibilité de ne pas mapper les propriétés que vous n'utilisez pas.
- Les routes de symfony se trouvent dans le répertoire config/routes.yaml
```yaml
home:
path: /
controller: App\Controller\TodoListController::index
```
- Au niveau du contrôleur, pour afficher un template vous devez utiliser la fonction "render" comme suit :
```PHP
return $this->render('login.twig', [
'email' => $email,
'error' => $error,
]);
```
- Les structures de contôle Twig : https://twig.symfony.com/doc/2.x/templates.html#control-structure
<VirtualHost *:80>
DocumentRoot /srv/app/public
DocumentRoot /srv/app/
HttpProtocolOptions unsafe
<Directory "/srv/app/public">
<Directory "/srv/app/">
AllowOverride all
Require all granted
</Directory>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment