BTS SIO SISR 2e Année

Travailler localement

Tester le site

Le rendu le plus immédiat est de lancer le serveur localement avec la commande npm start

Au préalable, il est nécessaire d'avoir instancié la base de données Postgres en lancant le script npm npm run build-db

Cela va extraire les variables d'environnement du fichier .env et lancer le serveur.

Celui-ci sera immédiatement disponible à l'adresse http://localhost:3000/

le serveur:

node --env-file=../.env src/backend/server.js`
node --env-file=../.env.local src/index.js

Tester le déploiement

Pour tester le site dans une configuration plus proche du déploiement réel, il est possible d'utiliser docker compose.

Depuis le répertoire racine, lancer la commande docker compose up -d

Le serveur sera accessible à l'adresse http://localhost:3001

En Production

L'image pour le site en production requiert de modifier le fichier docker-compose pour qu'il construise l'image cible prod.

Cette image est la seule nécessaire.

La base de données est hebergée en dehors du serveur.

Si les données sont effacées, alors la commande suivante va les reproduire.

./.env
PGPASSWORD=$POSTGRES_PASSWORD psql -e -h localhost -d $POSTGRES_DB -U $POSTGRES_USER -p 5433 -f ./scripts/build-db.sql

Mettre CORS sur le bucket S3

Les navigateurs bloquent les documents sinon

# tout d'abord afficher la situation initiale
aws s3api --profile ovh get-bucket-cors --bucket portfolio-bts

aws s3api put-bucket-acl --bucket portfolio-bts --profile ovh --endpoint-url=https://s3.rbx.io.cloud.ovh.net --acl public-read

aws s3api put-bucket-cors --bucket portfolio-bts --profile ovh --endpoint-url=https://s3.rbx.io.cloud.ovh.net --cors-configuration=file://cors.json

Avec cors.json

{
   "CORSRules": [
        {
            "AllowedHeaders": ["*"],
            "AllowedMethods": ["GET", "HEAD", "POST", "PUT", "DELETE"],
            "AllowedOrigins": ["https://portfolio.fief.ovh", "http://localhost:3000"],
            "ExposeHeaders": ["Access-Control-Allow-Origin", "ETag"]
        }
   ]
}

Auparavant, l'on s'assure que l'utilisateur ait acces aux ressources s3, en donnant a l'utilisateur S3 sur le panel de OVH la policy suivante.

Avec policy.json

{
  "Statement": [
    {
      "Action": [
        "s3:GetObject",
        "s3:PutObject", 
        "s3:DeleteObject",
        "s3:ListBucket",
        "s3:ListMultipartUploadParts",
        "s3:ListBucketMultipartUploads", 
        "s3:AbortMultipartUpload", 
        "s3:GetBucketLocation"
      ],
      "Effect": "Allow",
      "Resource": [
        "arn:aws:s3:::portfolio-bts",
        "arn:aws:s3:::portfolio-bts/*"
      ],
      "Sid": "ROContainer"
    }
  ]
}

Enregistrer un utilisateur

Une fois l'application lancée et la route /register activée, on peut interagir avec le service via POST.

curl -X POST http://localhost:3000/register -H "Content-Type: application/json" -d '{"username":"dsf","password":"password1"}'

La clé pré-partagée est créée comme suit

openssl rand -base64 24