Différences

Ci-dessous, les différences entre deux révisions de la page.

--- isn:flask_replit [2019/12/10 17:10] – [J'accède au site repl.it] techer.charles_educ-valadon-limoges.fr
+++ isn:flask_replit [2019/12/10 17:39] (Version actuelle) – [Exécution de l'application] techer.charles_educ-valadon-limoges.fr
@@ Ligne 8: / Ligne 8: @@
   - au **centre** **l'éditeur** de fichier ;
   - à **droite** la **console** montrant l'exécution du programme.
+{{:isn:replit_01.png|}}
 ===== Préparation du projet =====
-  * je crée un dossier **projet_** ;
+  * dans le dossier du projet le fichier principal python de l'application est **main.py** ;
-  * dans le dossier **projetTodo** je crée le fichier python de l'application **app.py** ;
+  * dans le dossier , je crée un sous-dossier **templates** ;
-  * dans le dossier **projetTodo**, je crée un sous-dossier **templates** ;
   * dans le sous-dossier **templates** je crée une page **index.html**
@@ Ligne 20: / Ligne 19: @@
 === Le résultat à obtenir ====
-{{ :isn:flask_03.png |}}
+{{:isn:replit_02.png?200|}}
 ===== Le fichier python de l'application  =====
-  * Ecrivez le contenu suivant dans le fichier **app.py** :
+  * Il est important, pour le lancement de l'application, d'ajouter en paramètre l'adresse 0.0.0.0 pour le serveur. Cela donne le contenu suivant dans le fichier **app.py** :
 <file python app.py>
 #! /usr/bin/python
@@ Ligne 36: / Ligne 35: @@
 if __name__ == '__main__':
-    app.run(debug=True)
+    app.run(host='0.0.0.0', debug=True)
 </file>
@@ Ligne 60: / Ligne 59: @@
 </WRAP>
+===== Le fichier HTML de la page Web =====
+  * Ecrivez le contenu suivant dans le fichier **index.html** :
+<file html index.html>
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+	<meta charset="UTF-8">
+	<title>Application Flask</title>
+</head>
+<body>
+  bonjour
+</body>
+</html>
+</file>
+===== Exécution de l'application =====
+A l'exécution de l'application, le contenu de la page html est affiché ainsi que l'URL de l'application. Dasn la copie d'écran c'est https://StaidGrownHack--five-nine.repl.co
+{{:isn:replit_03.png|}}
 ==== Retour à l'activité : Utiliser le framework Flask pour créer un site Web dynamique ====
 <WRAP center round info>
   * [[.:flask_01|Activité : Utiliser le framework Flask pour créer un site Web dynamique]]
 </WRAP>