Design & Développement web - Le topic des canards qui mangent des cookies

**Captain_Cowkill** · 03/03/2022, 07h15

Ça me rassure (un peu).

**tenshu** · 03/03/2022, 11h47

Le syndrome de l'imposteur il est surtout facile à sentir lorsque l'on prend un nouveau job. Entre les annonces de job avec des tartines longues comme le bras de compétences demandées, les round de recrutement a n'en plus finir où on te toast avec des trucs qu'on te demandera même pas de mettre en application à ton poste, les premières semaines où tout le monde te passe à la loupe. Difficile de ne pas le ressentir.

J'ai 15 ans d'expérience et clairement c'est un process tellement chiant que je n'ai pas toujours changé de job aussi vite que j'aurais du.

**Whiskey** · 03/03/2022, 14h28

Yop les pros,

J'ai un petit soucis, désolé si pas bon forum avec node.js :

Je dois créer un petit CLI pour automatiser certaine tâche en local avec Node.js. J'ai pas vraiment de soucis par rapport au développement de ce programme (js, toussa, toussa) mais plus avec l'outil npm. Je m'explique, et pour prendre un exemple on va simplement dire qu'on part d'un dossier contenant un projet qui marche (

).

Au moment de l'installer proprement à l'aide de la commande :

Code:

npm i -g

La encore, exécuté dans le répertoire du projet à la racine (la ou il y a le fichier package.json), il m'installe bien le projet dans les scripts npm/node de mon système, et j'ai accès partout.

Le soucis est que dans le répertoire node_modules des scripts, il m'a créer une jonction (je suis sur windows) vers mon dossier de dev et non un dossier bien présent avec tout le nécessaire pour l'appli physiquement.

Aurais je loupé un truc au niveau de la commande ?

Merci d'avance.

**Getz** · 03/03/2022, 14h36

Lance le sans le -g, qui installe les dépendances de façon globales, et non pas locales au projet.

**tenshu** · 03/03/2022, 15h37

Et évite windows pour le développement

**Getz** · 03/03/2022, 15h44

Ou utilise WSL au moins

https://docs.microsoft.com/fr-fr/windows/wsl/install

**gros_bidule** · 03/03/2022, 16h06

Nan mais ne l'embrouillez pas, ça marche très bien le dev nodejs sous Windows. En tous cas ce n'est pas le soucis ici.

Comme l'a dit Getz, commence par le npm install mais pas en global

**Getz** · 03/03/2022, 16h12

Ça marche très bien tant que t'as pas des modules qui lancent des compilations (oui c'est toi que je regarde node-oracledb

bon c'est le node-oracledb de 2018, depuis je crois qu'ils ont amélioré les choses mais heureusement pour ma santé mentale je n'ai plus à utiliser ni oracle ni windows

)

**Etheon** · 03/03/2022, 16h17

En parlant de npm pour ceux qui ont 400 projets j'utilise maintenant pnpm, c'est pas mal au niveau de la gestion du disque, ça crée des symlink pour les modules plutôt que de le redl pour chacun des projets. Et ça m'a l'air globalement plus rapide également. https://pnpm.io/fr/

**Whiskey** · 03/03/2022, 16h35

Envoyé par Getz

Lance le sans le -g, qui installe les dépendances de façon globales, et non pas locales au projet.

Hum, je cherche justement a installer globalement et non a installer les dépendances (pour cela je passe déjà par yarn ou effectivement npm i).

Le problème viens que au lieu de créer un dossier propre avec les fichiers bien présent, il me créer une junction a la c** qui pointe vers le dossier ou ce situe le projet.

En gros si je supprime le projet du dossier de développement, la version installé dans le global ne marchera plus car les fichiers seront plus la.

Me suis peut etre mal exprimé.

**Getz** · 03/03/2022, 16h55

Envoyé par Whiskey

Hum, je cherche justement a installer globalement et non a installer les dépendances (pour cela je passe déjà par yarn ou effectivement npm i).

Le problème viens que au lieu de créer un dossier propre avec les fichiers bien présent, il me créer une junction a la c** qui pointe vers le dossier ou ce situe le projet.

En gros si je supprime le projet du dossier de développement, la version installé dans le global ne marchera plus car les fichier seront plus la.

Me suis peut etre mal exprimé.

Je ne suis pas sur de comprendre, c'est ton projet que tu veux installer globalement en fait, sans passer par le repo npm, c'est ça ?

Si c'est ça, je passerais par un npm pack pour générer un tarball : https://docs.npmjs.com/cli/v7/commands/npm-pack

Puis installer ce tarball avec npm install -g ./tarball.tar.gz

**Whiskey** · 03/03/2022, 17h11

Envoyé par Getz

Je ne suis pas sur de comprendre, c'est ton projet que tu veux installer globalement en fait, sans passer par le repo npm, c'est ça ?

Si c'est ça, je passerais par un npm pack pour générer un tarball : https://docs.npmjs.com/cli/v7/commands/npm-pack

Puis installer ce tarball avec npm install -g ./tarball.tar.gz

Oui voilà, je veut pas mettre en ligne pour le moment car ca n'a aucun interet, mais juste me permettre de mettre mon projet dans les scripts globaux de npm de ma machine (d'où le npm i -g). Cela marche, il me le met bien, mais avec une junction et non en dur. Mais le jour ou je change d'emplacement ou que je supprime le dossier de dev du projet, ben la junction ne trouvera plus les scripts.

Je vais tester le npm pack, ca pourrait etre en effet la solution à mon problème. Ce sera sans doute demain, je te tiens au courant.

Merci en tout cas pour vos réponses.

------------

EDIT:

Bon je viens de tester vite fait npm pack marche très bien ! j'ai effectivement les fichiers copier directement \o/

Merci Getz ! Mon problème est résolu.

**Orhin** · 03/03/2022, 18h13

Envoyé par Getz

Ça marche très bien tant que t'as pas des modules qui lancent des compilations (oui c'est toi que je regarde node-oracledb

bon c'est le node-oracledb de 2018, depuis je crois qu'ils ont amélioré les choses mais heureusement pour ma santé mentale je n'ai plus à utiliser ni oracle ni windows

)

Cadeau : https://www.npmjs.com/package/windows-build-tools

Et même plus vraiment besoin avec les versions récentes de Node.

**Captain_Cowkill** · 11/03/2022, 11h39

BMDJ de développement : aujourd'hui on fait la prez de notre MVP ! Je suis tellement fier de tout le travail abattu en même pas 2 semaines ! J'ai eu une super équipe.

**ced64k** · 11/03/2022, 16h33

Hello, je cherche un service qui proposerait ceci:

Édition dans un navigateur de fichiers Sass/SCSS et JS (Babel)
Gestion des sources sur Git
Compilation et minification en CSS/JS
Déployer ces fichiers sur un CDN.

Le but serait de pouvoir travailler facilement sans devoir installer Node.js, lancer une ligne de commande, etc. C'est quasiment ce que proposent les Codepen projects mais à la base c'est conçu pour des démos et de l'enseignement, pas vraiment pour des sites en prod. Codepen ne propose pas de lien avec Github ni d'historiques des modifications. J'ai regardé CodeSandBox mais ça me semble très axé React, sans par exemple pouvoir générer un fichier css à partir d'un scss. Peut-être que les Github Codespaces permettent de faire ça mais c'est uniquement disponible dans leurs offres Teams.

Une idée ?

**Etheon** · 11/03/2022, 17h00

Alors si j'ai bien compris la demande, je me dis que Gitpod pourrait te convenir nan ? https://www.gitpod.io

Après c'est peut être que l'édition, il va manquer la compilation/déploiement.

**raaaahman** · 15/03/2022, 10h44

Envoyé par ced64k

J'ai regardé CodeSandBox mais ça me semble très axé React, sans par exemple pouvoir générer un fichier css à partir d'un scss.

Le template Vanilla fait tourner Parcel qui compile par défaut le SCSS. Après je ne sais pas si tu peux éditer les package.json à ta guise.

Sinon il y a Glitch et repl.it mais j'ai très peu utilisé.

**GrandFather** · 15/03/2022, 10h58

Petit retour rapide et partiel sur AWS, le Cloud d'Amazon.

J'avais un besoin très basique de site à créer : un simple formulaire de contact avec envoi par mail de la saisie, formulaire accessible après authentification parmi une liste d'utilisateurs administrée par des collègues non informaticiens (pas de signup). Ca me gonflait de trouver un hébergeur et de déployer un drupal ou - pire - un wordpress pour mettre ça en oeuvre rapidement, et je me suis rappelé qu'un canard avait parlé ici-même de l'offre Cloud d'Amazon, AWS. Je me suis alors dit qu'il était temps de quitter les années 2000 et de voir un peu ce que le Cloud avait dans le ventre.

Le premier contact est un peu... rugueux. L'offre est pléthorique (175 modules spécialisés dans une tâche), tout comme la documentation qui n'est que partiellement traduite. La première impression est celle d'une énorme usine à gaz, avec beaucoup de concepts à intégrer. Et puis, après avoir lu - beaucoup - la logique architecturale commence à se dessiner, et les avantages de l'offre se précisent dans mon cas :

Une tarification à l'utilisation, avec une offre gratuite assez généreuse ; pour mon cas d'utilisation, et dans les volumes estimés, c'est pratiquement gratuit
Des SDK pour différents langages dont JS, ainsi que des librairies de composants d'interface pour Vue2, Vue3, React...
Une offre serverless (fonctions lambda) qui permet de lancer des process écrits en JS (dans un contexte Node) sans nécessiter de louer une VM ou quoi que ce soit d'autre

J'ai mis assez rapidement en oeuvre une petite appli Vue3 qui intègre le composant d'authentification de la librairie Amplify UI pour Vue qui gère l'IHM et tout le workflow d'authentification (mot de passe provisoire/oublié) selon un pool d'utilisateurs créé dans la console de management d'AWS. Pour l'administration de ce pool j'ai créé parallèlement pour mes collègues un compte IAM Administrateur qui leur donne accès à la même console que moi, mais avec des droits restreints au seul accès administratif à ce pool. Le site va certainement s'étoffer dans les mois à venir, et j'ai déjà un socle très facilement extensible.

**Awake** · 15/03/2022, 12h37

J'avais eu la même impression au début, d'être face à un truc gigantesque que je ne comprendrai jamais. Leur page de statut est hilarante au passage https://health.aws.amazon.com/health/status . Au final il faut se spécialiser : une fois que tu as choisi tes services, tu n'as pas besoin de connaître les 95% restant.

Attention, petite surprise que j'ai eu à un moment : si tu utilise RDS, ou Keyspace ou n'importe quelle de leur base de données, tu ne pourra t'y connecter que depuis AWS. J'avais voulu setup un gros bare metal OVH avec 256Go de RAM pour certaines tâches lourdes, obligé de résilier car pas de connexion aux bdds depuis l'extérieur

**GrandFather** · 15/03/2022, 15h05

Envoyé par Awake

J'avais eu la même impression au début, d'être face à un truc gigantesque que je ne comprendrai jamais. Leur page de statut est hilarante au passage https://health.aws.amazon.com/health/status . Au final il faut se spécialiser : une fois que tu as choisi tes services, tu n'as pas besoin de connaître les 95% restant.

Il me semble me souvenir d'ailleurs que c'est toi qui en avait parlé ici.

Leurs services sont bien délimités et plutôt bien documentés, ce que m'a pris le plus de temps à comprendre c'est tout ce qui est transverse : les rôles, policies, comptes IAM... Et je suis encore loin de parfaitement piger comment tout s'articule, ça va que mes besoins sont simples. Côté code leurs SDK sont assez bien foutus et documentés, par contre je regrette que la présence de plusieurs CLI (aws & amplify) ajoute un peu de confusion lors de l'apprentissage.

Envoyé par Awake

Attention, petite surprise que j'ai eu à un moment : si tu utilise RDS, ou Keyspace ou n'importe quelle de leur base de données, tu ne pourra t'y connecter que depuis AWS. J'avais voulu setup un gros bare metal OVH avec 256Go de RAM pour certaines tâches lourdes, obligé de résilier car pas de connexion aux bdds depuis l'extérieur

Ca signifie que ces bases ne sont disponibles qu'à partir de backends eux-mêmes dans AWS ? C'est bon à savoir.

**Awake** · 15/03/2022, 15h17

Envoyé par GrandFather

Ca signifie que ces bases ne sont disponibles qu'à partir de backends eux-mêmes dans AWS ? C'est bon à savoir.

Tutafé, même si tu autorise l'IP d'un serveur externe dans le firewall de ta base de données, il ne pourra pas se connecter. Ils sont bridé l'accès à uniquement le réseau interne d'AWS les salows.

En gros, c'est très diffile de faire de l'hybride avec AWS, c'est soit tout chez eux, soit rien. Les serveurs EC2 échappent un peu à cette règle.

**deathdigger** · 18/03/2022, 09h43

J'en chie comme c'est pas possible sur du code à reprendre

Faut que je fasse des modifs sur du Angular (que je ne maitrise pas), sur un traitement fait par une autre personne (et qui ne fonctionne pas).
Le contexte : On lance une succession d'appel à des webservices, et je veux qu'à la fin et une fois que tous les webservices ont répondu, j'en lance un dernier avec une autre valeur.
Le code que je reprend, tout est fait via des Observable, avec des boucles dans tous les sens, etc.

J'ai essayé plein de choses, mais non, ça ne passe pas. J'ai le truc qui ne se lance pas où qui va se lancer sans avoir "attendu" les autres. Je pourrai tout péter pour passer par des Promises, mais ça me fait chier de réecrire toute la logique du bordel.
Bref, question :
Pourquoi quand j'ai un truc comme ça

Code:

                                        this.process(blabla).subscribe(() =>this.process2);

this.process2 "n'attend pas" la fin de this.process pour se lancer ?
This process, est un Observable<any> qui va lancer d'autres trucs qui sont aussi des Observables.

Le code

Code:

                        const validated = this.process(blabla)
                        validated.subscribe(x =>console.info('Fin des appels'));
                        validated.toPromise().then(()=>this.process2);

N'a pas l'air de marcher plus

**Etheon** · 18/03/2022, 10h02

Ben j'allais dire, tu vas ptetre pas avoir le choix de faire du Promise ou Promise.all non ?

J'ai pas tout le code et les fonctions sous les yeux donc difficile à dire mais t'as tenté des petits async / await par ci par là ?

**Awake** · 18/03/2022, 10h11

Comme ça je dirais que le retour de ta fonction blabla s'effectue avant qu'elle ait finie d'executer toutes ses sous-fonctions. Par exemple elle lance des calls sans await ou ne retourne pas une Promise.

**Shurin** · 18/03/2022, 10h31

Envoyé par deathdigger

J'en chie comme c'est pas possible sur du code à reprendre

Faut que je fasse des modifs sur du Angular (que je ne maitrise pas), sur un traitement fait par une autre personne (et qui ne fonctionne pas).
Le contexte : On lance une succession d'appel à des webservices, et je veux qu'à la fin et une fois que tous les webservices ont répondu, j'en lance un dernier avec une autre valeur.
Le code que je reprend, tout est fait via des Observable, avec des boucles dans tous les sens, etc.

J'ai essayé plein de choses, mais non, ça ne passe pas. J'ai le truc qui ne se lance pas où qui va se lancer sans avoir "attendu" les autres. Je pourrai tout péter pour passer par des Promises, mais ça me fait chier de réecrire toute la logique du bordel.
Bref, question :
Pourquoi quand j'ai un truc comme ça

Code:

                                        this.process(blabla).subscribe(() =>this.process2);

this.process2 "n'attend pas" la fin de this.process pour se lancer ?
This process, est un Observable<any> qui va lancer d'autres trucs qui sont aussi des Observables.

Le code

Code:

                        const validated = this.process(blabla)
                        validated.subscribe(x =>console.info('Fin des appels'));
                        validated.toPromise().then(()=>this.process2);

N'a pas l'air de marcher plus

Hum, faudrait pas faire "then(() => this.process2())" ou "then(this.process2)".
Problème de syntaxe non?

**raaaahman** · 18/03/2022, 10h52

Envoyé par deathdigger

Pourquoi quand j'ai un truc comme ça

Code:

                                        this.process(blabla).subscribe(() =>this.process2);

this.process2 "n'attend pas" la fin de this.process pour se lancer ?
This process, est un Observable<any> qui va lancer d'autres trucs qui sont aussi des Observables.

Je ne connais pas Angular, mais est-ce que tu as copié/collé le code exact de ton application? Parce que la fonction de rappel écrite dans ton exemple va retourner la fonction "this.process2", et non pas l'appeler comme dans les exemples de la doc. Du coup, peut-être que this.process2 est appelée d'un autre endroit du code.

**deathdigger** · 18/03/2022, 11h42

Envoyé par Etheon

Ben j'allais dire, tu vas ptetre pas avoir le choix de faire du Promise ou Promise.all non ?

J'ai pas tout le code et les fonctions sous les yeux donc difficile à dire mais t'as tenté des petits async / await par ci par là ?

Ouais, au final c'est ce que j'ai à peu près fait et ça a solutionné le bousin

C'est compliqué de vous exposer le problème, sachant que je ne peux poster le code et que je ne comprends pas moi-même où ça merde.

Là c'est vraiment une façon de coder dont je ne comprends pas l'intérêt, par rapport à des "simples" await/async.

**Orhin** · 18/03/2022, 11h53

Alors pour l'utilisation d'observables (vs promise/async/await) c'est "normal" car le service HttpClient d'Angular utilisé pour faire les appels WS retourne des Observable.
Mais en soit c'est pas un problème si on sait les utiliser.

Envoyé par deathdigger

Bref, question :
Pourquoi quand j'ai un truc comme ça

Code:

                                        this.process(blabla).subscribe(() =>this.process2);

this.process2 "n'attend pas" la fin de this.process pour se lancer ?

Car this.process est mal codé ?

En vrai sans avoir le code (ou un version anonymisée), ça va être compliqué de t'aider.

**deathdigger** · 18/03/2022, 14h15

Envoyé par Orhin

Alors pour l'utilisation d'observables (vs promise/async/await) c'est "normal" car le service HttpClient d'Angular utilisé pour faire les appels WS retourne des Observable.
Mais en soit c'est pas un problème si on sait les utiliser.

Car this.process est mal codé ?

En vrai sans avoir le code (ou un version anonymisée), ça va être compliqué de t'aider.

Ouais, je sais

Bon j'ai résolu en faisant le gros bourrin, en virant tout ce que je ne captais pas et en mettant un code qui marche et... ça marche

**Orhin** · 18/03/2022, 14h19

Pour les observables, je te conseille de lire la doc https://rxjs.dev/guide/overview.

Discussion: Design & Développement web - Le topic des canards qui mangent des cookies

Outils de la discussion

Règles de messages