Publier sur le Web

Bonjour,
Mon appli développée avec flutter tourne actuellement sur l’émulateur Chrome, je voudrais à présent la charger sur un site Web pour la rendre accessible en ligne.
Y a t’il un tuto pour cela?

J’ai trouvé cette procédure : How to deploy flutter web on server?

Cela m’a l’air bien simple par rapport à ce que je lis par ailleurs…

Bonjour,

À ma connaissance pas en français pour le moment, c’est prévu, mais il est vrai que c’est assez simple.

Une fois la compilation achevée, les fichiers sont générés dans le dossier release comme pour les applications mobiles. Il suffit de prendre ces fichiers et de les mettre sur un hébergeur web via FTP ou autre, comme pour un site standard.

Merci pour la réponse, en fait ce n’est pas un problème de langue. J’ai suivi la démarche indiquée, et j’ai également essayé avec la démarche indiquée ici : https://flutter.dev/docs/get-started/web. Résultat, un répertoire Web est apparu dans l’arborescence mais avec 3 ko de contenu, et un répertoire build sans mon code ni mes assets :frowning:
Je suis avec Android Studio sous Windows.
Ce matin, j’ai suivi les recommandations de quatre sites et j’ai un premier résultat, à savoir obtenir mon site sur localhost, et cela en passant par des saisies de lignes de commande sur le terminal d’Android Studio :
-https://flutter.dev/docs/get-started/web
-https://blog.ineat-group.com/2019/05/creer-son-premier-site-web-avec-flutter/
-https://stackoverflow.com/questions/56066484/how-to-deploy-flutter-web-on-server
-https://ichi.pro/fr/flutter-2020-l-etat-de-la-multiplateforme-8886049898262
Reste à charger le Build sur le serveur, à suivre…

Cela m’a l’air bien compliqué, à voir sur VSCode si le problème est présent, car pour ma part pas de problème avec la commande flutter build web.

Qu’est-ce que dit la commande « flutter doctor » ?

Avec « flutter doctor », vérification faite, tout est au vert :slight_smile:
Je suis finalement arrivé à une solution, le problème venait qu’Android Studio avait créé deux répertoires « web » (un à la racine du projet et un dans « build ») et que, comme je l’ai mentionné plus haut il paraîtrait que certaines modifs soient nécessaires pour que tout cela fonctionne (rajout de dependencies dans pubspec.yaml, mais à confirmer car j’ai beaucoup tricoté avant d’arriver à une solution, à valider donc quand j’aurai le temps avec un simple programme « hello world »). Bref, quand j’utilisais le lien proposé dans le terminal après l’exécution de la commande « flutter build web » (avant tricotage…) j’obtenais un écran vide (index.html « tombait dans le vide » en fait).
J’utilise donc à présent la procédure suivante :

  1. j’ouvre la fenêtre terminal et je me place à la racine du projet.
  2. j’exécute la commande 'flutter create .", un répertoire « web » est créé à la racine du projet (préalable nécessaire à la bonne exécution de l’étape 3). Le répertoire web à la racine du projet est en fait le premice (le précurseur) de celui qui sera créé dans le build.
  3. j’exécute la commande 'flutter build web"
    Les fichiers de mon site sont créés dans le répertoire « web » de « build ». Un lien est créé, vérification, tout ok. Vérification également avec le module « SimpleHTTPServer » de Python, tout ok.
    Problème résolu!! :sweat_smile: :wink:
1 J'aime

Ah quand même deux répertoires web, je ne suis pas encore tombé sur ce genre de problème, si tu veux il y a l’initiation Flutter sur le site pour commencer et les vidéos sur youtube pour le site web.