Créer le serveur flask
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte00:00:00 :Maintenant qu'on a défini la stack qu'on souhaite utiliser pour notre projet et notamment pour la partie web et qu'on l'a mis dans une règlecursor, on va pouvoir utiliser notre composer pour créer cette base web pour nous.
00:00:11 :Donc ici dans mon composer je vais lui ajouter cette règle, donc la règle de la stackdans le contexte et à partir de ça je vais faire un prompt pour lui demander de créer pour l'instant une interfacetrès simple qui va utiliser Flask. Donc je ne veux pas pour l'instant qu'il utilise les données du scrapping, on va faire ça vraiment
00:00:28 :étape par étape, pour l'instant je veux vraiment juste qu'il crée la structure de base pour l'application Flaskpour qu'on ait un serveur qui fonctionne avec une page d'index affichée. Donc je vais lui demander ça
00:00:38 :« Peux-tu créer dans un dossier web à la racine du projet un projet Flask simple qui affiche une page index.html classique ? »Utilise aussi des UI pour afficher cette page, donc met juste un titre classique, c'est juste pour avoir la structure de base du projetavec les bonnes dépendances qui sont utilisées. Donc un site web avec Flask, très simple, une page d'index et des UI
00:01:03 :pour les composants.Donc là vous voyez quand on parle on a généralement tendance à faire des phrases un peu longues, à se répéter parfois aussi, c'est pasforcément très grave, après c'est vrai que c'est bien d'avoir des prompts qui sontassez concis et qui vont droit au but,avec exactement ce qu'il faut faire. Là vous voyez quand on parle c'est un peu plus
00:01:27 :des UI pour afficher, voilà, avec une page d'index et des UI comme ça, donc un site web avec Flask.Voilà, très simple, une page d'index. Donc c'est parfait et là aussi je vais lui remettre Flask comme ça
00:01:40 :et je fais « Submit », donc avec « Agent » ici bien coché pour qu'il puisse créerles fichiers et tout ça, donc je fais « Submit » ici, il va me proposer la créationde fichiers, l'exécution du script aussi, donc là vous voyez le mkdir pour créer la structure, donc je vais valider en cliquant sur « Run »
00:01:57 :« Command » ici, il va créer donc la structure web,il va créer le fichier « Requirements », donc il dit qu'il me le crée, donc là il va probablement me faire un fichier séparépour le web, donc je regarde et effectivement il a fait un fichier séparé,probablement que je vais rapatrier ça à l'intérieur du « Requirements » global du projet, on va voir par la suite, vu qu'on a ici
00:02:16 :Python.env qui est déjà utilisé pour notre scrapper, on ne va pas faire les choses en double, donc là on a bien notre« Endpoint Flask » avec l'index, donc la page d'index qui retourne un fichier HTML classique,on a le CDN ici avec des UI, il a également importé Tailwind CSS,
00:02:33 :donc là c'est directement avec la balise dans le head, peut-être que à la suite de ça on pourrait faire quelque chose d'un peu plus« clean » et d'utiliser Tailwind non pas directement comme ça avec un CDN,pour un petit site comme ça c'est pas forcément très grave, après si on faisait un site un peu plus
00:02:49 :sérieux en production, ce serait mieux de passer par la vraie façon de faire avec la génération du fichierCSS qui contient uniquement ce dont on a besoin.
00:02:57 :Donc là maintenant il va installer les « Requirements.txt », donc là vous voyez je vais pas le faireparce que je vais regrouper donc le « Requirements.txt » qu'il a créé dans le « Requirements Global » et on va installer
00:03:08 :les dépendances à partir de là. Donc là je vais faire « Cancel »,je pense que le reste est bon, le fichier d'index il a normalement quelque chose d'assez classique avec une carte ici qui doit être àpartir de des UI, donc ce que je vais faire c'est accepter tout ça et aller dans mon terminal
00:03:24 :pour installer les dépendances, donc je vais prendre ces dépendances ici,le « dotenv » comme je dis on n'en a pas besoin parce qu'il est déjà ici, et je vais juste rajouter « Flask »je sauvegarde, je supprime ce fichier « Requirements » donc je clique sur « Delete » ici et je valide
00:03:38 :et je vais ouvrir donc mon terminal ici et on va faire, donc on va déjà s'assurer qu'on a bien sourcé notre environnementet on va faire « uv pip install » et on va utiliser notre « Requirements.txt », vous voyez qu'il a résolu donc les packages nécessaires et il
00:03:59 :faisais mes tests, j'avais installé cette version de flask, là il y en a une qui est un peu plus récente, vous voyez là il a mis« 3.0.2 », donc c'est le genre de choses qu'on peut aller vérifier, je vais aller voir en fait la version de flask qui est la plus
00:05:13 :bien notre serveur qui est lancé, je retourne dans « Brave » pour actualiser et là on a bien notre page d'accueil avec une petite démonstrationavec cette carte de « Desi UI ». Donc ça fonctionne bien, on a la base de notre projet web et dans la prochaine partie on va pouvoir afficher les données
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.
