Skip to main content

Note uniksimWeb

Les versions utilisées sur le site :
  • Node.js v.22.5.1
  • Angular v.18.2.11 (FrontEnd)
  • NestJs v.10.4.7 (BackEnd)

Angular / NodeJs compatibilité : Lien

Changer de version avec nvm (Node Version Manager) : nvm use *version

Voir la liste sur nvm (Node Version Manager) : nvm list

Voir les packages outdated : npm outdated

Mettre à jour les packages : npm update

Node version : node -v

Angular version : ng version

NestJs version : nest --version

 

Note : Le fichier package.json possède toutes les versions

Note : Ne pas oublier de faire un npm install pour Angular
Les imports importants NestJs :
  • TypeOrmModule : Communication et conversion des données avec la mySql (Query)
  • DatabaseProviders : Connection avec mySql
  • Guard : Authentification et accès
  • MailGun : Système de messagerie
  • Generate Password TS : Système de génération de mot de passe (mot de passe oublié)

Pour plus de détails voir : app.module.ts ou package.json

Les roles :
  • user: Permission de jouer (Games)
  • user_uniksim: Permission d'accès au site (Index)
DigitalOcean (Update branch) :

Si vous avez accès à DigitalOcean, vous pouvez faire des changements sur le site en version live* (Principalement pour des updates en Git)

*Ici "live" peut-être un site de développement avec un domain, pas forcément le vrai site

  1. Dans la section, Droplets, puis le dossier du site en question

    image-1723218630153.png

  2. Ensuite dans Console

    image-1723218747353.png

    • Vous devriez voir une console en linux pour faire les modifications
  3. Naviguer à travers les fichiers pour trouver le dossier recherché

    image-1723218954045.png

    • Note 1: Les commandes git se font généralement sur le fichier source (Dans ce cas sim.uniksim.com)
    • Note 2: Il se peut que le dossier source root n'est pas le dossier recherché, puisque votre username de base de donnée (database) n'est pas le même.

      image-1723220094918.png

      • Faire la commande suivante si c'est le cas (forge fait référence au username, changer selon le cas)

        • su - forge

  4. Utiliser les commandes nécessaire à vos changements
    • Remettre à l'état d'origine le dossier

      • git reset .

      • git reset --hard

    • Récupérer la branch commit

      • git pull

    • Aller vers la branche

      • git checkout

    • Voir l'état de la branche actuel

      • git status

    • Similaire à reset, elle permet de retirer les dossiers non nécessaires

      • git clean -fd

Les références de création :
Cookieyes :

Url : https://app.cookieyes.com/

Script url : https://cdn-cookieyes.com/client_data/b08568c123e8efb0b38c9ce6/script.js

Build :
  • Pour les build, utiliser la commande Build Frontend project

    image-1723139133125.png

    • Si cela n'est pas possible, utiliser la commande ci-dessous dans un terminal (dans le dossier uniksimFrontEnd)

ng build

  • Vous devriez avoir créer un build nommer Front dans le dossier uniksim-back-end

    image-1723139458662.png

  • Par la suite ServeStaticModule (Permet de rendre le build static et disponible pour le serveur) va pourvoir recréer ce dossier à l'intérieur de dist, lorsque le serveur sera en marche.
  • Note: le fichier nest-cli.json est important pour importer tous les fichiers du dossier front généré. Spécifiquement la ligne : { "include": "front/**/*"}

    image-1723139953468.png

  • Note: si vous changez unity build (ex: Build.data.unityweb), s'assurer de mettre la même version dans constantsVariable

    image-1737392002764.png

Notes :
  • Dans database.providers.ts, "synchronize" permet de faire en sorte que les entitées de node.js (typeOrm) sont créer ou modifier sur Sql. Il est donc préférable de le laisser false
  • Si vous voulez augmenter la taille maximum pour le phpmyadmin suivre ce post:

    https://stackoverflow.com/questions/3958615/import-file-size-limit-in-phpmyadmin

  • La commande pour envoyer le serveur backend en local (il faut bien sûr "cd" dans le bon dossier) :

npm run start:dev

    • Celui du frontend est :

ng serve

  • Pour debug le code du frontend (Angular), il faudra utiliser l'inspecteur du navigateur (Dans source)
  • Les modifications appliqués sur le dossier server peut ne pas être fait, il faut charger le site pour une première fois (sur Run Backend (dev) par exemple) pour le faire fonctionner
  • Si vous avez une erreur comme ci-dessous avec XAMPP, suivez les fixs de cette vidéo : https://www.youtube.com/watch?v=OEUVth2Av48 (Généralement, le dossier backup fix l'erreur "0:41")

    image-1723149933881.png

Back to top