Déploiement

Le déploiement est disponible sur le domaine https://toudoum.srvz-webapp.he-arc.ch.

Caractéristiques

Propriété	Valeur
OS	Linux
Serveur web	Nginx

Configuration du serveur

Le serveur met à dispositions deux produits :

• Web App Front (VueJS) sur /var/www/app/toudoum/toudoum
• Back End (Laravel) sur /var/www/app/toudoum/toudoum-api

Le routage interne est défini dans le fichier de configuration nginx.conf de la manière suivante :

# Nginx configuration
# -------------------
# vim: set ft=nginx:
#

map $http_upgrade $connection_upgrade {
    default Upgrade;
    ''      close;
}

# Lavarel Echo
upstream echo {
    server localhost:6001 fail_timeout=0;
}


server {
    listen 80;
    listen 443 ssl;
    server_name _;

    # ...

    root /var/www/app/toudoum/toudoum-api/public;
    index index.php index.html index.htm;

    # location for vue app 
    location / {
        root /var/www/app/toudoum/toudoum/dist/;
        try_files $uri $uri/ /index.html;
    }

    # location for laravel api
    location /api {
        try_files $uri /index.php$is_args$args;
    }

    # ...
}

Adapter projet Laravel

Il est nécessaire de modifier le fichier config/database.php et d'éditer la configuration MySQL comme suit :

// ...
'connections' => [
    // ...
    'mysql' => [
        'driver' => 'mysql',
        'host' => env('MYSQL_HOST', env('DB_HOST', 'localhost')),
        'port' => env('MYSQL_PORT', env('DB_PORT', '3306')),
        'database' => env('GROUPNAME', env('DB_DATABASE', 'forge')),
        'username' => env('GROUPNAME', env('DB_USERNAME', 'forge')),
        'password' => env('PASSWORD', env('DB_PASSWORD', '')),
        'unix_socket' => env('DB_SOCKET', ''),
        'charset' => 'utf8mb4',
        'collation' => 'utf8mb4_unicode_ci',
        'prefix' => '',
        'prefix_indexes' => true,
        'strict' => true,
        'engine' => null,
    ],
    // ...
],
// ...

Adapter projet VueJS

Avant de compiler la webapp avec Webpack, il est nécessaire de changer la valeur de l'URL dans l'APIRequester, dans le fichier /var/www/app/toudoum/toudoum/src/api/ApiRequester.ts. Ainsi, le changement est le suivant :

// Ancienne ligne
private URL: string = "http://localhost:8000/";

// Nouvelle ligne
private URL: string = "https://toudoum.srvz-webapp.he-arc.ch/";

Enfin, il convient de lancer la commande npm run build afin de compiler et mettre à disposition le bundle de la web application.