web-dev-qa-db-fra.com

Comment déployer Flutter Web sur le serveur?

J'apprenais le Web Flutter. Maintenant, je veux déployer ce code sur le vrai serveur. Le code de flutter ici: dans le dossier lib

void main() => runApp(new MyApp());    
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter layout demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter layout demo'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

Comment puis-je déployer ce code sur le serveur? Je suis nouveau sur le Web Flutter.

dartflutterflutter-web
8
MHJ

il vous suffit de faire un build de production en utilisant un outil webdev. pour installer webdev vous avez besoin d'un outil de publication,

  1. allez donc à l'emplacement où vous avez installé Dart SDK et à l'intérieur du dossier bin, vous devriez avoir un fichier batch de publication. Vous devez fournir le chemin d'accès du dossier bin à la variable d'environnement afin d'utiliser pub à partir de cmd.

  2. ouvrez maintenant cmd et appuyez sur la commande ci-dessous pour installer webdev

    pub global activate webdev

    // dans votre terminal intelliJ Idea

  3. allez maintenant dans le dossier racine de votre projet et faites un build en mode release

    flutter build web

  4. vous devriez voir un dossier de build (/build/web) dans le répertoire racine, copiez simplement ce dossier et hébergez-le sur un serveur Web.

J'ai utilisé la même manière pour le déployer sur les pages GitHub voici comment en détail le guide.

Un lien utile: https://Dart.dev/tools/webdev#build

Voici la course application flutterweb

8
maheshmnj

S'il s'agit d'un projet Firebase, vous pouvez utiliser Firebase Hosting.

Il vous demandera d'installer Firebase Tools sur votre système et vous devrez l'initialiser sur le dossier racine de votre projet.

Ensuite, il vous suffit de:

flutter build web
firebase deploy

et actualiser le navigateur (peut-être avec ctrl + F5 ou ctrl + shift + r )

0
Gustavo Contreiras

si vous souhaitez utiliser votre propre serveur sur le web e.q votre hôte privé virtuel ou autre hôte sur le net:

allez dans le dossier racine de votre projet et faites un build en mode release flutter build web,puis

télécharger (/build/web)répertoire vers votre serveur, vous pouvez suivre ce lien et configurer IIS sur le serveur Windows.

0
FxRi4

Voici le moyen simple de déployer votre application Web Flutter sur le serveur Web Amazon.

Voici le processus simple que je suis.

  1. Créer un site Web flottant: flutter build web —release
  2. Créer une instance sur le serveur aws ec2 : signifie allouer de la mémoire pour votre site Web sur le serveur. L'instance est le serveur virtuel dans le cloud aws.
  3. Connectez-vous à votre serveur (instance) à l'aide de PuTTY :
  4. Installez le panneau de configuration Vesta sur votre serveur. (vous pouvez également installer un autre panneau de contrôle si vous n'aimez pas Vesta).
  5. Téléchargez votre contenu (site Web) sur le serveur. (Avec l'aide de FileZilla vous pouvez facilement télécharger le contenu de votre site Web sur le serveur)

Voici le didacticiel vidéo simple: https://youtu.be/htuHNO9JeR

0
Abdullah Khan