Como publicar um WEBAPP com FlutterFlow com domínio personalizado?

Você sabia que a flutterflow permite criar aplicativos web também é Eu já mostrei um pouco sobre esse recurso aqui no canal e um outro vídeo mas o que eu não mostrei na época é como você pode publicar esse App em um domínio personalizado ou seja um domínio seu que você contratou lá um ponto com ponto com. br como o meu exemplo Léo andrade. net é um domínio que eu contratei que eu tenho personalizado você quer ver como é fácil fazer isso com a flaut the Flow Então tem que ficar aí comigo até o final fala pessoal Andrade aqui na área tudo bem com vocês comigo tá tudo bem para você que é recém chegado nesse canal aqui eu falo sobre tecnologia e principalmente sobre tecnologias low code no Cold permite você desenvolver aplicativos utilizando pouco código ou até mesmo nenhum código Olha que incrível você vai poder tirar suas ideias do papel e transformá-las em aplicativos e faturar com isso que é o mais interessante de tudo isso então você não está inscrito ainda né Ainda não deu tempo de se inscrever se inscreva aqui embaixo no botão vermelho não esqueça Tá e aproveite para ativar as notificações para que você sempre seja avisado quando eu postar um novo vídeo e você que é velho de casa seja bem-vindo também e ó por favor compartilhe esse vídeo eu fiz assim para você dar o like também mas eu já eu já resumi compartilha e dá o seu like no vídeo Porque isso é uma forma de você retribuir ao a produção dos vídeos que eu tenho aqui é a forma que você vai ajudar esse canal a crescer tá bom aqui do lado ó tá as minhas redes sociais para você poder me seguir poder acompanhar meu trabalho também pelas outras redes sociais combinado beleza certinho vamos lá tá pronto então vamos se você ainda não viu o outro vídeo Fica tranquilo que eu vou te mostrar tudo aqui nesse vídeo também vou te mostrar como é que funciona essa parte aí de poder criar aplicativos web porque a fruta Flow ela é voltada para desenvolvimento de aplicativos nativos Ou seja aquele é que eu tô sem celular aqui aquele que você instala no celular né que você coloca nas lojas de aplicativos e aí A Flor agora também tá permitindo desenvolver aplicativos web e eu mostrei isso num outro vídeo e eu quero te mostrar como é que é fácil isso mas eu vou te mostrar uma coisa mais que é como você pega um domínio personalizado e configura para funcionar no teu aplicativo web Bora lá eu já deixei uma aplicaçãozinha aqui pronta né Mais ou menos pronta tá para não ter que construir aqui e perder tempo Entre aspas né construindo as telas eu quero te mostrar a funcionalidade tá então ó essa aplicação ela tem o seguinte ela tem aqui uma página de login tem e-mail senha e o botão tem uma página home Oh que tá usando aqui uma barra né de navegação lateral e aqui eu coloquei um texto só para diferenciar e tem a outra outra página chamada né que eu coloquei aqui como se fosse a navegação então esses dois essas duas páginas estão navegando nesses dois botões aqui que eu chamei Tá acabei deixando um nome profile sem querer mas aí acabou ficando tá então é assim que tá E aí eu configurei né é o firebase enfim criei lá a parte de autenticação até aí tudo bem até aí não é nada demais mas o que que você precisa fazer que não pode deixar de fazer para quando a gente está trabalhando com quando a gente quer trabalhar com aplicações web primeira coisa a gente tem que vir aqui nas configurações aqui ó e aí nas configurações a gente vai procurar aqui ó plataformas ó o menu plataformas no menu plataformas isso aqui vem desabilitado ó tá vendo esse aqui vem desabilitado você vai habilitar tá Então essa é a primeira parte você vai habilitar depois para você criar as tuas telas você pode mudar aqui ó a forma de ver ó as telas tá vendo camarão vem aqui no telefone aí você fala não eu quero ver aqui em tamanho de computador aí você seleciona um computador aqui um tamanho para você começar a trabalhar isso aqui é para você testar a responsividade tá então é importante você também é aprender a lidar com isso porque dependendo do tamanho das telas que você vem a trabalhar pode haver problemas de layout Então isso é bem interessante tá depois dessa disso aqui habilitado E da tuas páginas construídas a gente tem aqui a parte ó de web publichen aqui ó em apsettings web Punch e aqui no web publit é o lugar onde a gente vai publicar essa nossa aplicação Então olha só aqui ó na parte de configurações Gerais eu posso renomear a minha aplicação Então vou chamar ela de web app vamos ver se vai deixar web aí vai ficar assim ó web applerflow.

up tá então por padrão vai usar isso aqui aqui tem opções para eu escrever o título para s ou tem também a parte eu não vou entrar em detalhes disso aqui tá de s ou enfim depois você pesquisa tá se não o vídeo vai ficar vai perder o o foco aqui tá também tem aqui a parte de site de scriptill ou seja para o dedo da descrição do site o título da página se eu quiser usar título né para para página para sempre aparecer ali em cima o título da página por exemplo ó o título da página que é o nome do projeto traço flutterflow Esse é o título da página tá eu tenho aqui algumas opções ó para habilitar o desabilitar opções de fé fazem icon que é o ícone que vai aparecer aqui em cima que não tinha aqui ó esse ícone aqui tá E também o a imagem quando eu for quando alguém compartilhar essa esse site né Essa aplicação através das redes sociais tem também a opção aqui de Custom headers para você colocar meta dados enfim dentro do header da aplicação tá configurado tudo isso eu vou deixar isso aqui para daqui a pouco a gente vem aqui em publit e isso daqui vai fazer o que ó aconteceu um erro aqui né ah tem alguém usando esse nome do projeto legal deixa eu trocar aqui ó adicionar aqui ó web app Léo tá vou publicar agora ó o subdomínio não está sendo usado Ele vai publicar isso neste endereço tá deixa ele terminar aqui o Marcos vai lançar o vídeo e a gente volta para eu poder te mostrar [Música] enquanto a gente está esperando ele publicar aqui do lado sabe que você poderia fazer você poderia conhecer o clube Léo Andrade se você quer aprender mais sobre flutterflow é o lugar com a plataforma de cursos que mais tem conteúdo sobre a gente tem preparado conteúdos semanais de protetor lá para você aprender aprender de verdade tá então para você conhecer o problema Andrade O link tá na descrição você pode testar por sete dias e pedir teu dinheiro de volta caso não goste antes do sétimo antes de virar o sétimo dia para que você realmente Veja com seus próprios olhos tá E que você realmente estude tá então ó faz esse teste tenho certeza que você vai gostar e que você vai aprender muito flutterflow lá no clube Leon Andrade acho que acabou aqui ó terminou aqui né E aí ó ele já tá dizendo que tá publicado tem até o link aqui para atalho quando eu clicar aqui olha o que que vai acontecer ele abrir uma página um outro navegador com a minha página Vou colocar aqui um login senha que eu já deixei criado [Música] contato@leuandade. net a senha Opa a senha Acho que é essa senha pronto e aqui tá minha página tá vendo que aqui ó tá aparecendo o uma tagzinha né building em flutterflow isso daqui você pode remover né dependendo da tua conta tá E aqui ó eu coloquei a navegação tá vendo ó aqui o logotipo tá com efeito Você pode tirar caso você não queira e aqui ficaria o conteúdo mas Léo o que que tá escuro o teu sendo que aqui lá na aplicação tá claro é porque eu tô usando o modo Dark na minha máquina então isso você tem que tratar né quando para sempre apresentar de acordo com a tua com o computador do cliente né então sempre tem que se preocupar com isso porque Teoricamente estou desenvolvendo com fundo Claro e aí vem para um computador como meu que o tema tá como Dark então ele pega o quando ele quando for a cor padrão né que a gente tiver usando a cor padrão ele vai trocar a cor padrão lá Clara por escuro automaticamente então é importante você se atentar isso mas isso é só um detalhe tá Ou seja a nossa aplicação tá no ar ó tá aqui no ar né no endereço da flutterflow mas isso até aí eu já tinha mostrado agora como é que a gente faz para colocar num domínio domínio próprio então por exemplo ó eu tenho domínios aqui na hostgator tá a hostgator não tão me patrocinando não tão não tem nenhum link de de afiliado Não Tô Ganhando Nada é se alguém da hostgator tiver vendo se alguém conhecendo faz o seguinte pessoal compartilha e Marca hostgator aí para o pessoal da hostgator poder me conhecer tá poxa poderiam ajudar o canal aqui né de uma forma de outro Poderia ajudar o canal e aqui na hostgator deixa eu entrar aqui no meu Léo andrade. net eu vou entrar aqui no cpanel só para você poder entender tá vou editor de zona DNS porque aqui eu tenho um domínio Na verdade eu tenho um subdomínio dentro de Léo andrade.

net vou clicar aqui em gerenciar tá e eu tenho um subdomínio chamado eu não tô lembrado agora por isso que eu tô vindo aqui eu não tô minha memória não está boa ah acho que eu me lembrei vou escrever aqui ó web app web leoandrade. net acho que é isso Vou pesquisar deixa eu pesquisar por pelo a aqui ó esse aqui ó web app. uel andrade.

net na verdade eu tenho um domínio Leon andrade. net e quando eu ponho aqui coisas eu queria um subdomínio ele cria esse início aqui tá E aí eu vou usar esse domínio aqui web Apple android. net para apontar para aquele para aquele carinha lá para aquele aplicação lá tá e como é que a gente faz isso Ó eu vou pegar Exatamente esse web ponto Leandra de ponto net vou lá na flutterflow vem aqui nas e vou aqui na parte de ó web publiche aqui embaixo eu vou ter a opção para colocar o meu domínio customizado então eu vou colar meu domínio aqui olha só atende agora muito importante ó quando eu coloco aqui ele fala assim agora você precisa configurar o DNS lá no teu servidor lá no teu na empresa onde tá o Teu Domínio né como meu caso é a hostgator como é que você tem que fazer com a hostgator tá a hostgator então eu tô aqui nessa parte aqui de editor de zona DNS E aí o meu já tá feito tá eu já deixei feito aqui para adiantar para ele também propagar porque quando a gente muda esse P demora que é toda a internet tenha conhecimento tá então já Adiantei isso para não ficar aqui de repente uma hora duas esperando tá isso aí é coisa é da própria internet tá E aí olha só aqui tá o meu domínio então eu achei meu domínio aqui na zona DNS E aí eu venho aqui ó e crio um registro na verdade eu criei né um registro você vai vir aqui em adicionar registro nesse caso aqui ó e adicionar um registro a ó é o que ele tá pedindo ó precisa de um registro a e precisa esse registro lá precisa o valor dele precisa ser esse número aqui que isso aqui na verdade é o IP o IP é o endereço o endereço de onde tá o servidor da flutterflow então o que que eu fiz eu criei lá o Web app Ok um registro web por padrão já ficou nessa nesse ttl aqui que eu não mudei o tipo é o a e aí eu gravei a informação aqui ó eu fiz isso aqui ó só vou te mostrar então vim adicionar aí eu coloquei aqui ó web web web app e aqui eu coloquei o endereço lá do do IP né que é o mesmo que tá aqui embaixo ó só para você entender que eu coloquei o endereço do IP foi isso que eu fiz e cliquei em salvar eu fiz para o tipo A e também fiz para o tipo seneme E aí ó o seneme tá aqui também ó name você tem que colocar isso daqui ó www.

web o tipo tem que ser seneme e o conteúdo tá aqui foi justamente isso que eu fiz Ó aqui tá o nome o tipo tá aqui e o conteúdo que eu copiei de lá gravei Ali vai ter que esperar um tempo até se propagar na internet essa mudança tá E aí depois de um tempo quando você clicar aqui em conectar vai clicar em Yes Ele vai tentar ver se realmente tá conectado lá no meu domínio e aí Se tiver conectado ele vai dar sucesso aqui ó ainda tá pedindo para esperar alguns minutos eu já sei o que que acontece na verdade você nem aqui ó que tá diferente então eu vou trocar aqui ó eu vou editar vou vir aqui e vou alterar esse cara e vou salvar Talvez ele não não já identifique agora né Por Conta do tempo de propagação mas para facilitar né A minha vida por sorte tem a opção de eu tirar o seneme então eu vou tirar o seneme E aí o a aqui que não né não teve nenhuma alteração ele já vai funcionar mas no teu caso crie os dois registros lá no Teu Domínio espere um tempo para que ele se propague e depois você vem aqui para conseguir conectar o domínio faça para os dois não desabilite tá que é melhor deixar os dois Ali vai ficar melhor para os teus para o teu serviço tá mas só com um haja funciona tá porque tipo a ó ele conectou domínio conectado E agora Teoricamente né se eu digitar aqui web app ponto Léo andrade. net e Dá um enter aqui ó Teoricamente ele já tem que ir para lá o meu a minha aplicação ele tá demorando Provavelmente por conta de cash no meu navegador eu vou dar um control F5 para ele atualizar limpar o Cash e mesmo assim ele tá demorando Então já sei o que que foi eu preciso publicar de novo né Então eu preciso publicar porque agora no publit olha só tem a opção dos dois aqui então eu vou publicar de novo nos dois porque aí vai refletir senão não ia refletir Léo cabecinha tá então preciso publicar para refletir agora lá para o meu novo domínio Enquanto isso a gente está aguardando aqui a a flutterflow você sabia você percebeu que a flutterflow toda em inglês né tudo tudo tudo tudo tudo aqui do lado tá em inglês e que quando a gente fala de tecnologias a gente sempre vai se deparar com o inglês e a dica que eu tenho para te dar é algo escola que eu faço aula de inglês e que eu sempre recomendo aqui no canal porque eu tenho certeza que você vai gostar sabe você vai gostar do da forma como eles aplicam as aulas de como tudo funciona dentro ou não na forma No método eu não gosto eu não vou chamar de metodologia porque eu não sei se está correto falar assim então né enfim mas na forma como eles a dinâmica das aulas dele são muito legais e tem dado resultado motivo para mim e é por isso que eu recomendo então o link dele está lá na descrição fala com eles para você aprender definitivamente esse teu inglês aí ó finalizou na publicação a terminou a publicação já tem uns cinco minutos aqui eu deixei aqui parado vou entrar aqui no web app. leo andrade.

net tá carregando ó caiu aqui na tela de login eu vou entrar aqui com o contato arroba Léo andrade.