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 toustoutes 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 :
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

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
  • 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)
  • 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