LAB-MI / deplacement-covid-19

Service de génération de l'attestation de déplacement dérogatoire à présenter dans le cadre du confinement lié au virus covid-19

Home Page:https://media.interieur.gouv.fr/deplacement-covid-19

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Un peu d'aide pour l'installation

Jefekoi opened this issue · comments

Bonjour, j'ai télécharger le script
Une fois décompressé je l'ai mis sur mon site (localhost) mais il ne génère pas de PDF
Pourriez vous me mettre sur la voie où m'aider à bien l'installer

Merci pour votre aide.

Personne pour m'aider ?

Est-ce que tu peux décrire ton setup ? Comment tu as installé le projet ?
Est-ce que tu arrive à voir la page ?
Est-ce que tu as regardé la console du navigateur pour voir s'il y a des erreurs ?

Bonjour et merci pour ta réponse

Et bien je suis débutant dans ce domaine.
J'ai téléchargé le script , décompressé puis je l'ai mis dans un dossier en Localhost (mamp pour MAC)
Puis j'ai lancé index.html ... c'est tout ... Je penses que j'ai tout faux non ?

Alors avant de commencer, tu dois avoir tous les outils nécessaires pour pouvoir installer et compiler la version que tu pourras utiliser dans ton serveur Web (Mamp ou autre).
Le code présent sur github est le code source et pas la version de production qu'un serveur Web peut servir/afficher.

Il faut installer NodeJS et NPM (https://nodejs.org/dist/v13.12.0/node-v13.12.0.pkg) ou tapes brew install nodejssi tu as Homebrew d'installé sur ton Mac.

Ensuite, tu clones ou tu télécharges le code source comme suit:
Screenshot 2020-04-13 at 21 39 46

Une fois téléchargé / cloné, (tu décompresses l'archive et) tu ouvres un terminal dans le répertoire créé (Shift + Clic droit -> New Terminal here).

Tu lances (tu tapes dans ton terminal): npm install (entrer) pour installer les dépendances du projet puis PUBLIC_URL=/ npm run build (entrer).
Cette dernière commande va créer une répertoire dist qui contient le code final que tu pourras mettre sur ton serveur Web.

Dans ton cas, comme tu utilises MAMP, tu peux copier le contenu du répertoire dist dans: /Applications/MAMP/htdocs et tu relances le serveur MAMP.

Merci beaucoup Razerbann, je vais essayé demain (Mardi)

Bon courage et n'hésites pas si tu as besoin d'aide.
(Aussi, n'oublies pas de fermer l'issue comme ça n'a aucun rapport avec le projet en lui même)

Encore merci, ça ne marche pas

J'ai craqué il a fallu que j’essaie de suite :)

J'ai très bien suivi ce que tu m'as dit , lors de l'installation j'ai eu des erreurs comme celui ci 👍

`> fsevents@1.2.12 install /Users/eric/Downloads/deplacement-covid-19-master/node_modules/fsevents

node-gyp rebuild

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: gyp failed with exit code: 1
gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack at ChildProcess.emit (events.js:315:20)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
gyp ERR! System Darwin 18.7.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/eric/Downloads/deplacement-covid-19-master/node_modules/fsevents
gyp ERR! node -v v13.12.0
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok
`

Puis une alerte sur
``
⚠️ Please specify a publicURL using --public-url, otherwise schema assets won't be collected
⚠️ Please specify a publicURL using --public-url, otherwise schema assets won't be collected
`
Il y a bien eu la création du dossier DIST
Je l'ai glissé sur mon site mais là rien lorsque je veux valider la page ne fait rien

Ah oui, effectivement j'ai oublié de te demander d'installer XCode CommandLine tools.
Dans le même terminal, tapes xcode-select --install puis entrer.
Une fois installé, relance les mêmes commandes décrites dans mon commentaire précédent.

xcode-select: error: command line tools are already installed, use "Software Update" to install updates

Essayes xcode-select --reset

Je recommence de A à Z :)

Essayes xcode-select --reset

Potentiellement avec un sudo

iMac-de-Eric:deplacement-covid-19-master eric$ xcode-select --reset xcode-select: error: --reset must be run as root (e.g. sudo xcode-select --reset).

Tapes: sudo xcode-select --reset dans ce cas.

J'ai validé et il n'a rien fait même pas d'erreur

Est-ce que tu as pu lancer les commandes décrites dans mon 2ème commentaires ?

-bash: cd: deplacement-covid-19: No such file or directory iMac-de-Eric:deplacement-covid-19-master eric$ sudo xcode-select --reset iMac-de-Eric:deplacement-covid-19-master eric$

Yess Xcode est en cours d'installation :)
xcode-select --install

Parfait! Tu reprendras depuis le début alors et tu me dis si tu rencontres d'autres problèmes ;)

ok

Voilà j'ai refait la total et rien n'y change même résultat je valide ma feuille et rien pas de réponse.

On laisse tomber pour aujourd'hui demain je vais refaire à zéro

En tout cas merci pour ton aide qui m'as déjà bien éclairé :)

Est-ce qu'il y a des erreurs qui s'affichent quand tu lances npm install ou PUBLIC_URL=/ npm run build ?

npm install

`iMac-de-Eric:deplacement-covid-19-master eric$ npm install
npm WARN bootstrap@4.4.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.4.1 requires a peer of popper.js@^1.16.0 but none is installed. You must install peer dependencies yourself.

audited 11452 packages in 7.456s

37 packages are looking for funding
run npm fund for details

found 3 low severity vulnerabilities
run npm audit fix to fix them, or npm audit for details
iMac-de-Eric:deplacement-covid-19-master eric$ `

PUBLIC_URL=/ npm run build

Juste ce genre de souci
dist/certificate.552eacba.js.map Attention !! 2.75 MB 155ms dist/certificate.552eacba.js Attention !! 1.24 MB 599ms

Utilises tu Chrome ?
Pourrais-tu ouvrir l'inspecteur et voir si tu as des erreurs sur la console ?
Screenshot 2020-04-13 at 23 24 35

Non je n'utilise pas Chrome, j'ai Firefox et Safari

Bon là je suis HS

Bonne nuit et encore mille merci à toi

Bonjour,

J'ai tout refais et rien n'y change le bouton ne fonctionne pas :(
capture d'écran ==> https://nsa40.casimages.com/img/2020/04/14/200414055829173161.png

Bonjour!
Ce que tu afficher à droite n'est pas la console JS mais plutôt le code source de la page.
Quel navigateur utilises tu ?
Sur Safari, tu dois aller dans Safari > Préférences, cliques sur Avancées, puis sélectionnes « Afficher le menu Développement dans la barre des menus ».
Ensuite quand tu ouvres ta page, va dans le nouveau menu affiché en haut et cherche « Afficher la console JavaScript ».
Sur Firefox, tu ouvres la page et tu fais un clic droit puis « Examiner l'élément »
Screenshot 2020-04-14 at 09 42 58
Et ensuite dans la fenêtre qui s'affiche, tu vas dans l'onglet console:
Screenshot 2020-04-14 at 09 43 07
Maintenant tu clique sur le bouton générer et tu vois s'il y a des erreurs qui s'affichent sur la console JS ;)

Bonjour Razerbann
Ha oui effectivement il y a des erreurs

https://nsa40.casimages.com/img/2020/04/14/20041410252356844.png

Copies le contenu du répertoire dist dans /Applications/MAMP/htdocs et non le répertoire lui même.
Sinon, si tu préfères garder le répertoire, tu peux relancer la commande PUBLIC_URL=/dist npm run build et tu écrases le répertoire /Applications/MAMP/htdocs/dist par le nouveau.

Wouaaaa ça marche quelques truc à modifier mais SUPER

Question si je veux le mettre sur mon site web (uniquement pour ma femme et moi) je dois le mettre dans un dossier il ne marchera donc pas ???

Voici un exemple qui t'aideras peut être:

  • Tu lances PUBLIC_URL=/covid npm run build
  • Tu copies le répertoire créé dist dans la racine de ton serveur Web (j'assume que tu utilises MAMP, pour Apache ça va être un peu plus compliqué) et tu le renommes en covid pour que ça corresponde à la valeur de PUBLIC_URL.
  • Tu lances ton serveurs Web et tu dois pouvoir accéder au générateur d'attestations sur (http ou https)://TON_SITE_WEB/covid

Super ça marche, je te remercie beaucoup c'est vraiment sympa ton aide et surtout j'ai appris beaucoup avec toi.
Merci Merci :)

Bonjour @Jefekoi , Si l'aide apportée par @razerbann (que nous remercions) vous convient, pourriez-vous fermer cet issue ? Merci.

Super ça marche, je te remercie beaucoup c'est vraiment sympa ton aide et surtout j'ai appris beaucoup avec toi.
Merci Merci :)

Je t'en prie. Bonne continuation.

Bonjour @Jefekoi , Si l'aide apportée par @razerbann (que nous remercions) vous convient, pourriez-vous fermer cet issue ? Merci.

Pourrais-tu fermer l'issue @Jefekoi ? Merci