Flutter Web


Flutter for web é uma implementação do Flutter compatível com código que é renderizada usando tecnologias web baseadas em padrões: HTML, CSS e JavaScript. Com o Flutter for web, você pode compilar o código Flutter existente escrito em Dart em uma experiência do cliente que pode ser incorporada no navegador e implantada em qualquer servidor da web. Você pode usar todos os recursos do Flutter e não precisa de um plug-in de navegador.

.

Flutter Web é realmente uma notícia muito boa para toda a comunidade flutter em torno do mundo. A partir de agora o código que escrevemos para aplicações móveis também podem ser usadas dentro de um navegador da web como uma web aplicação.

Então, praticamente é um processo fácil e esté artigo será um ótimo guia para você.

Pré-requisitos

1) Versão do Flutter 1.5. Para instalação ou atualização, consulte este link.

2) Dart. Para instalação, consulte este link.

3) flutter_web sdk.

4) Navegador baseado em chromium ou Safari. O Firefox e o Edge ainda não são suportados.

Todos os requisitos devem estar instalados, inclusive o Dart, caso você não tenha instalado o Dart antes, siga os passos do link acima. Estamos executando o procedimento utilizando o ubuntu.

Primeiramente baixar o pacote https://github.com/flutter/flutter_web, após baixá-lo, abra em sua IDE de preferência algum projeto da pasta examples e no terminal execute os comandos abaixo:

flutter upgrade
flutter packages pub global activate webdev

Copie o código que o terminal está mostrando, após concluir o processo acima, no meu caso: export PATH="$PATH":"$HOME/Android/flutter/.pub-cache/bin" e execute este comando:

sudo gedit .bash_profile

OBS. Caso não mostre o caminho no terminal, adicione o caminho do seu flutter +/.pub-cache/bin no .bash_profile.

Agora, adicione o caminho copiado dentro do .bash_profile e salve:

Execute agora o comando:

flutter packages upgrade

Feche e abra novamenteo o VSCODE ou o seu IDE de preferência e execute no terminal o seguinte comando:

webdev serve

Após a conclusão copie o endereço do servidor e cole no seu navegador: http://localhost:8080

Pronto, projeto flutter web rodando redondo.

2141 Visualizações