Test de l'application
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte00:00:00 :Dans cette partie on va tester notre application sur le serveur donc on va l'exécuter avec Flasket on va accéder à l'adresse IP de notre serveur pour vérifier que l'application fonctionne bien.
00:00:09 :Alors la première chose à faire ça va être de modifier le pare-feu de notre serveur,on peut le faire directement sur le serveur mais avec Infomaniac vous avez la possibilité de lefaire ici et il me semble que cette configuration va prévaloir sur celle du serveur donc je vous
00:00:22 :conseille d'ajouter les règles directement ici et ça va être répercuté directement au niveau devotre serveur. Donc on va ajouter une règle en fait pour ouvrir le port 5000 qui est le port
00:00:30 :qu'on va utiliser pour faire nos tests, c'est le fameux port qu'on avait dans notre application,si je fais un cat ici de app.py on a à la fin ici le port 5000 que l'on utilise pour tester
00:00:40 :notre application. Donc ici je vais ajouter une règle, on va sélectionner un port manuel,on va mettre ici tous et on va sélectionner le port 5000 pour la source d'IP là également on vamettre toutes donc ça veut dire que toutes les adresses IP vont pouvoir utiliser ce port et je
00:00:54 :valide ici vous pouvez rentrer une description si vous souhaitez vous souvenir à quoi sert ceport moi je vais juste cliquer ici sur valider et on a cette fois ci le port qui est disponibledonc on va pouvoir accéder à notre application via le port 5000. Et maintenant dans notre serveur
00:01:07 :on va pouvoir tester de lancer donc l'application Flask donc je vais la lancer avec Poetry donc pourlancer une commande avec Poetry directement donc pour qu'on ait toutes les dépendances qui soientcorrectement installées soit on fait un Poetry Shell pour activer l'environnement virtuel etensuite on peut lancer n'importe quelle commande directement soit vous pouvez utiliser Poetry Run
00:01:25 :et mettre la commande directement et cette commande sera exécutée avec votre environnement virtuel.Donc à vous de voir ce que vous préférez, moi dans ce cas ci j'ai vraiment juste une seule commandeque je souhaite exécuter donc je vais directement utiliser Poetry Run. Donc Poetry Run on va faire
00:01:38 :Flask Run et on va spécifier le host donc on va mettre "-host", je vais agrandir un petit peuici pour que vous voyez la commande au complet. Donc pourquoi on va spécifier un host puisque
00:01:48 :on veut que cette application soit accessible à tout le monde, on ne veut pas qu'elle soitaccessible uniquement au local host donc le local host c'est le 127.0.0.1 qui ferait en sorte que
00:01:58 :en fait l'application ne serait accessible que directement depuis l'ordinateur. Ça ça marchequand on a un serveur local, quand on teste notre application en local puisqu'on veut pouvoir testernotre application directement sur notre ordinateur, là le test qu'on veut faire c'est d'accéder àcette application depuis notre ordinateur donc l'application elle va être sur le serveur à
00:02:16 :l'adresse IP qu'on a sur infomaniac donc cette adresse ici donc si je reviens ici sur mon serveuron a bien l'adresse IP ici donc nous ce qu'on veut c'est mettre ici 0.0.0.0 ce qui va avoir pour effet
00:02:27 :de permettre en fait la connexion depuis un ordinateur externe. Donc je valide avec entrée,là on voit que l'application fonctionne bien, on est par défaut ici en mode off pour le debug,il nous indique quand même de faire bien attention parce que là on lance ça avec unserveur de développement et on va voir par la suite comment utiliser justement un serveur de
00:02:45 :production donc WSGI ici avec G-Unicorn qu'on a installé dans la partie précédente. Et pourfinir on a quelques messages assez importants ici puisque on voit que cette fois ci le serveurdonc tourne sur toutes les adresses donc ce qui est indiqué ici avec les 4 0 donc on a à la fois
00:03:00 :l'adresse localhost le fameux 127.0.0.1 sur le port 5000 et on a également donc l'adresse IP denotre serveur avec le port 5000. Donc on va pouvoir se rendre sur cette adresse dans notre navigateur
00:03:12 :alors là j'ai fait un ctrl c au lieu d'un commande c ce qui a eu pour effet d'arrêter l'applicationje vais relancer donc ça c'est un petit problème entre les mac et les windows ctrl c en fait sur unmac ça va effectivement comme c'est indiqué ici arrêter le programme moi ce que je voulais faire
00:03:26 :c'est juste copier cette adresse donc ici je vais faire commande c pour la copier je retourne icisur mon navigateur je vais la coller ici j'accède à l'application et là ça fonctionne magie on estbien arrivé sur notre site on voit ici en live les requêtes qui sont effectuées donc on a bien
00:03:41 :la requête http ici vers la page d'accueil de notre site avec le simple slash qui nousretourne une requête avec succès avec le code 200 on va récupérer également le fichier de styledonc le style.css dans le dist et le script.js là encore dans le dossier de distribution il
00:03:56 :manque juste ici le favicon.eco donc on a une 404 ici mais ce n'est pas bien grave et donc là çafonctionne on a notre application qui s'affiche la seule chose qui manque ici c'est notre clé d'apipuisque là si j'essaye de faire une commande vous allez voir qu'on aura une erreur et en fait non
00:04:10 :ça fonctionne alors oui c'est parce qu'en fait là j'ai copié le dossier avec scp donc ça a enfait copié également le fichier .env qui contient la clé de openai mais si vous passez par git donc
00:04:20 :vous n'aurez pas ce fichier donc là si je fais un ls pour afficher les fichiers donc là on voitrien puisque il faut afficher les fichiers cachés également donc avec un la par exemple donc l pourl'afficher en liste et a pour afficher tous les fichiers et les dossiers cachés donc là on a
00:04:34 :le .env également qui a été copié qui contient la clé de openai si vous faites par contre ungit pool avec github si vous avez bien écouté ce que j'ai dit normalement sur votre github vousne mettez absolument pas ce fichier .env puisque la clé de openai serait donc disponible à n'importe
00:04:51 :qui qui aurait accès à votre dossier git là en plus c'est un dépôt public donc c'est vraimentassez problématique si vous faites ça donc si vous avez fait un git pool si vous êtes passépar git pour faire ces étapes il ne faut pas oublier sur votre serveur de créer ce fichier
00:05:04 :.env avec la clé que vous allez mettre à l'intérieur pour que votre application fonctionnelà si momentanément je change le nom de ce fichier donc je vais remplacer le .env par on va faire
00:05:12 :par exemple .env backup et que je reviens sur mon application je vais relancer l'applicationavec poetry run flask run et on va remettre le host égal à 0.0.0.0 donc si je relance mon
00:05:25 :application je viens ici je refais un test là normalement ça ne devra pas fonctionner on abien ici le internal server error et si on vient là dans le terminal on voit que le problème estbien que la clé d'api est manquante donc openai api key et voilà ici il nous dit donc authentication
00:05:40 :error donc on n'a pas donné de clé donc c'est vraiment ça le problème je vais refaire un mvde .env backup à .env et là ça va tout remettre en ordre donc voilà si jamais vous avez un problème
00:05:50 :de connexion c'est à cause de cette clé qui est manquante là normalement si je reviens ici et queje reteste mon application tout devrait fonctionner correctement donc n'oubliez pas de changer larègle du pare-feu pour pouvoir accéder à votre site et ensuite il suffit vous voyez c'est trèssimple de se rentre sur l'adresse ip et le port qu'on a spécifié pour pouvoir tester notre site
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.
