Se você é um empreendedor visionário ou um desenvolvedor entusiasmado, com certeza já passou pela empolgante jornada de criar um aplicativo web inovador no Bubble. Desde um curso de bubble e concepção da ideia até o desenvolvimento do projeto, cada etapa representa um passo importante em direção ao sucesso. Agora, chegou o momento crucial de decidir onde exatamente você pode publicar um aplicativo e compartilhar sua criação.
Com tantas opções disponíveis, é natural que surjam dúvidas e questionamentos. Felizmente, você está no lugar certo!
Neste artigo abrangente, vamos guiar você através das diversas opções disponíveis para lançar seus apps no bubble assim como faço no curso de bubble. Vamos explorar diferentes plataformas de hospedagem e compartilhar dicas valiosas para que você consiga publicar seu app.
Preparado para dar o próximo passo rumo ao sucesso do seu aplicativo web? Então continue lendo e junte-se a nós nesta jornada empolgante!
Índice
Onde é possível publicar um aplicativo Bubble?
Primeiro, é importante compreender que os aplicativos web criados no bubble.io são executados em navegadores da web, diferentemente dos aplicativos nativos que são baixados e instalados em dispositivos.
Essa distinção é fundamental para entendermos as diferentes possibilidades de publicação. Você também pode aprender mais sobre essa distinção no curso de bubble.
Agora você pode estar se perguntando: “E quanto à Play Store e à App Store? Posso publicar meus web apps lá também?” A resposta é sim.
No entanto, antes de seguir essa rota, é importante considerar alguns pontos essenciais que serão explicados ainda nesse post, aproveite para se aprofundar em conteúdos como esse no curso bubble e na comunidade Sem Codar.
Vamos mergulhar mais fundo em cada opção de publicação para seus web apps no bubble. Durante esse artigo, vamos fornecer todas as informações necessárias para que você possa tomar uma decisão informada e dar o próximo passo em direção ao sucesso do seu aplicativo!
Conceitos importantes sobre a publicação de um app
Antes de dar continuidade, é fundamental compreender os conceitos de domínio, hospedagem e DNS. Eles desempenham papéis essenciais no funcionamento e na acessibilidade de um web app, e é isso o que vamos aprender agora.
Domínio
O domínio é o endereço exclusivo que identifica um site na internet, funcionando como o nome único de um hotel para que as pessoas possam encontrá-lo.
Para adquirir um domínio, é necessário passar pelo processo de compra e registro em uma empresa especializada.
Após encontrar um domínio disponível, é feito o registro, fornecendo informações pessoais e pagando uma taxa anual.
Quer saber mais sobre domínios? Acesse o curso de bubble da Comunidade Sem Codar e veja ass aulas explicando tudinho!
Hospedagem / Servidor
Além do domínio, é necessário ter um serviço de hospedagem, que é como o quarto de um hotel onde o site fica armazenado e acessível na internet.
A hospedagem armazena os arquivos e dados do site em servidores conectados à internet. Assim como um hotel oferece diferentes quartos para diferentes hóspedes, um serviço de hospedagem oferece planos e recursos específicos para atender às necessidades do site.
DNS, apontamento DNS e múltiplos apontamentos DNS
DNS (Domain Name System) é um sistema que traduz nomes de domínio legíveis por humanos em endereços IP (Protocolo de Internet) que os computadores podem entender. Em vez de digitar um endereço IP numérico para acessar um site, como “192.0.2.1”, você pode digitar o nome de domínio correspondente, como “meuapp.com.br”. O DNS é responsável por fazer a correspondência entre o nome de domínio e o endereço IP associado.
O apontamento DNS, é uma configuração que associa um nome de domínio a um endereço IP específico ou a outro tipo de recurso de rede. Ele é definido pelo proprietário do domínio e controla para onde o tráfego do domínio é direcionado. Existem diferentes tipos de registros DNS, como A, MX, TXT, entre outros, cada um com uma função específica.
Um múltiplo apontamento DNS ocorre quando um nome de domínio é associado a vários endereços IP ou recursos de rede simultaneamente. Isso é útil em cenários em que você deseja distribuir o tráfego do domínio por vários servidores ou direcionar o tráfego para diferentes serviços.
Você pode aprender ainda mais sobre DNS no curso de bubble.
Por que usar o Cloudflare para apontar DNS?
É importante considerar ferramentas que possam otimizar a velocidade, confiabilidade e segurança do seu aplicativo. Nesse sentido, o Cloudflare desponta como uma plataforma altamente recomendada.
O Cloudflare melhora a velocidade e a confiabilidade da sua aplicação web. Sua rede global de servidores distribuídos garante tempos de resposta mínimos para solicitações DNS, proporcionando uma experiência rápida e fluida para os visitantes do aplicativo em qualquer lugar do mundo. Além disso, o Cloudflare oferece recursos avançados de segurança, protegendo contra ataques DDoS e ameaças maliciosas.
A interface intuitiva e fácil de usar do Cloudflare permite que até mesmo pessoas sem conhecimentos técnicos avançados possam configurar e gerenciar registros DNS com facilidade. Com apenas alguns cliques, é possível adicionar, modificar ou excluir registros DNS.
Em resumo, o Cloudflare é uma escolha inteligente para aqueles que desejam melhorar a velocidade, confiabilidade e segurança de seus web apps.
Caso você queira se aprofundar mais sobre o Cloudflare, você pode acessar todos os detalhes de configuração completa no curso de bubble da Comunidade Sem Codar, e procurar por aulas exclusivas sobre Cloudflare.
Passo a passo para publicar um app na web
Chegou o momento de mostrarmos o passo a passo para publicar um aplicativo bubble na web. Preparamos 6 passos que consideramos importantes e indispensáveis para alcançar o sucesso na publicação.
Vale lembrar que além desses passos, no curso Bubble você aprende técnicas e estratégias importantíssimas para conseguir sucesso nessa área, portanto, nao deixe de conferir esse curso.
Agora, vamos começar com o passo a passo.
Passo 1: Comprar um domínio
Ao comprar um domínio para seu aplicativo Bubble, é importante considerar algumas dicas. Primeiro, escolha um nome de domínio relevante para o seu aplicativo, que seja fácil de lembrar e digitar.
Procure por domínios que refletem a identidade da sua marca ou o objetivo do seu aplicativo. Além disso, é importante verificar a disponibilidade do domínio desejado, pois alguns nomes podem já estar registrados.
Existem várias plataformas confiáveis onde você pode comprar um domínio, porém vamos destacar duas principais opções que facilitam esse processo.
Caso queira o final do registro com o final “br”, recomendamos o registro.br. Nele você poderá comprar seu domínio com pacotes de diversos valores por determinado período de tempo.
Imagem 1 – Planos disponíveis registro.br
Caso queira um domínio diferente do “.br”, recomendamos o Google Domains. Como vantagem, existe a centralização de informações no Google e preços mais acessíveis dentre outras plataformas.
Imagem 2 – Planos disponíveis Google Domains
Quer saber mais sobre domínios? Acesse o curso de bubble da Comunidade Sem Codar e veja minhas aulas explicando tudinho!
Passo 2: Criar conta gratuita no Cloudflare
Como mencionamos anteriormente, o Cloudflare é uma empresa de serviços de segurança e desempenho na internet. Ela fornece uma variedade de soluções e serviços projetados para proteger, acelerar e otimizar sites e aplicativos online.
Nesse segundo passo, você deve criar sua conta gratuita na plataforma, acessando o site em seu navegador; Cloudflare através do seu navegador. Na página inicial do Cloudflare, clique no botão “Cadastre-se” no canto superior direito.
No curso de bubble, você encontrará mais informações e mais dicas úteis para te auxiliar durante todo esse passo a passo.
Após criar sua conta, você deverá adicionar o seu site, ou seja, o domínio que você comprou no primeiro passo (meuapp.br como exemplo) e selecionar a opção gratuita.
Imagem 3 – Instruções para uso do Cloudflare
Após isso, para realizar o apontamento da plataforma escolhida para o registro de seu domínio para o Cloudflare, você deve adicionar os nameservers. E aqui finaliza o segundo passo de nossa jornada.
Imagem 4 – Nameservers do Cloudflare
Passo 3: Apontar domínio para Cloudflare
Para apontar seu domínio para o Cloudflare, você deve acessar sua conta no provedor de domínio onde seu domínio está registrado, localizar as configurações de gerenciamento de DNS para o domínio que você deseja apontar para o Cloudflare.
O Cloudflare fornecerá os nameservers (imagem 4) que você precisará usar. Esses nameservers devem ser colocados no lugar dos nameservers padrões existentes em sua plataforma escolhida.
Para exemplificar, na imagem abaixo estão os nameservers padrões comumente encontrados nas plataformas para comprar seu domínio.
Imagem 5 – Exemplos de nameservers padrões
Esses devem ser substituídos pelos nameservers fornecidos pela própria Cloudflare de acordo com a imagem 4.
Imagem 6 – Substituição dos nameservers padrões pelos nameservers da Cloudflare
A propagação das alterações de DNS pode levar algum tempo, geralmente algumas horas, mas pode levar entre 24 a 48 horas para que as alterações entrem em vigor em todos os lugares. Durante esse período, o Cloudflare começará a rotear o tráfego do seu domínio por meio de sua rede de entrega de conteúdo (CDN) e fornecerá recursos de segurança e otimização.
Para verificar se houve ou não a propagação, utilize o dnschecker.org para realizar essa verificação.
Passo 4: Apontar Cloudflare para Bubble
Nesse passo, você deverá, após finalizar o seu aplicativo e ir para o domínio pago, você deverá acessar o Bubble, configurar o seu domínio e inserir as informações dadas pelo próprio Bubble em seu registro DNS.
Imagem 7 – Configurando o domínio no Bubble
Nessa etapa, você deverá escolher quem irá acessar diretamente o Bubble, aqueles que acessam o seu site diretamente (meuapp.com.br) ou aqueles que acessarem um subdomínio (app.meuapp.com.br).
Independente de qual for a sua escolha, o Bubble te fornecerá os dados necessários para inserir no Cloudflare e realizar o apontamento em tempo real, sem precisar esperar a propagação.
No entanto, se você tiver mais dúvidas sobre essa parte específica, é possível consultar as aulas do curso de Bubble para obter mais informações.
Imagem 8 – Apontamento Cloudflare para Bubble e para Site
Passo 5: Apontar Cloudflare para Site
Esse quinto passo é opcional e se aplica somente para aqueles que já possuem um site ou desejam criar um site.
Para criação de sites recomendamos ferramentas como WordPress e Wix, ferramentas mais simples e com uso específico para a criação de sites. É possível criar um site com o Bubble? Sim, porém seria o mesmo que “matar uma mosca com um canhão”, você estaria utilizando uma ferramenta muito poderosa para um função bem mais simples do que ela é capaz de fazer.
Assim como no passo anterior, você deve obter os nameservers ou as entradas A no servidor onde está hospedado seu site e adicionar ao Cloudflare.
Ao final desses dois passos, você já terá apontado o Cloudflare para o Bubble e para seu site conforme a imagem a seguir.
Imagem 9 – Apontamento Cloudflare para Bubble e para Site
Passo 6: Apontar Cloudflare para Email
Como você já deve saber, o Bubble não é um servidor de emails, logo, para realizar o apontamento para emails, você deve contar com o auxílio de serviços de emails personalizados ou com o serviço de emails do servidor que hospeda seu site.
As opções mais viáveis de serviços de email personalizados dentre as existentes no mercado são o Google Workspace e Zoho Mail. O Google Workspace se destaca em qualidade, porém apresenta um custo de U$10,00 por usuário por mês. Já o Zoho é totalmente gratuito.
Independente de qual modelo escolher, você deve seguir as mesmas etapas dos passos 4 e 5, buscar em seu servidor ou em seu serviço de email personalizados as entradas MX (aquelas pessoas que estão tentando te enviar um email) e adicionar no Cloudflare.
Esse é o processo básico de como o serviço de email pode ser integrado e nas aulas do curso de Bubble, existem mais informações e dicas que irão te auxiliar ainda mais.
Após esses passos, você terá apontado o Cloudflare para o Bubble, para site e também para email, conforme a imagem a seguir.
Imagem 10 – Apontamento Cloudflare para Bubble, Site e Email
Vale ressaltar que qualquer nova instrução ao Cloudflare, as ações necessárias serão as mesmas relatadas nos passos 5, 6 e 7.
Para encerrar, deixamos uma última dica: compre um servidor. Independente de qual seja sua escolha, (Hostgator, Hostinger, Turbocloud) você deve comprar um servidor, pois através dele você poderá montar o seu site, obter o serviço de emails e armazenar seus arquivos.
Passo a passo para publicar nas lojas
Para iniciarmos o passo a passo para enfim publicar nas lojas de aplicativos, primeiro você deve entender o conceito de webview.
WebView é um componente utilizado no desenvolvimento de aplicativos móveis para exibir conteúdo da web dentro de uma interface nativa. Ele permite que os desenvolvedores integrem páginas da web ou conteúdo web diretamente em seus aplicativos, proporcionando uma experiência de navegação contínua para os usuários.
Em termos simples, uma WebView é como um navegador embutido dentro de um aplicativo. Ela permite carregar e exibir páginas da web, exibir conteúdo HTML, reproduzir vídeos, mostrar imagens e executar scripts web.
É uma forma conveniente de aproveitar a riqueza do conteúdo da web dentro de um aplicativo móvel, sem a necessidade de os usuários saírem do aplicativo para acessar um navegador separado.
Com esse conceito em mente, podemos prosseguir o nosso passo a passo. Porém, recomendamos fortemente que você não caminhe sozinho nesse processo, por isso criamos a Comunidade Sem Codar, com o melhor curso Bubble disponível na internet.
Lá você terá a oportunidade de aprofundar-se ainda mais em cada etapa do passo a passo, por meio de aulas dedicadas e tutoriais. Agora, vamos começar!
Passo 1: Transformar em PWA
Os PWAs (Progressive Web Apps) são uma ótima alternativa para alcançar usuários em dispositivos móveis sem precisar passar pela revisão das lojas de aplicativos. Eles são aplicativos da web que podem ser instalados diretamente na tela inicial do dispositivo e oferecem uma experiência semelhante à de um aplicativo nativo.
Para realizar essa etapa, na comunidade sem Codar, existe um vídeo super explicativo com todos os detalhes e ações necessárias resumidas em 13 minutos, onde você aprenderá a como fazer todos os processos necessários.
Caso ainda não faça parte, uma pesquisa rápida em mecanismos de busca por “como subir arquivo manifest service worker PWA” você deve encontrar as informações necessárias.
Vale ressaltar que recomendamos a participação em nossa comunidade, onde você terá acesso a uma vasta quantidade de conhecimento, além de um curso Bubble capaz de revolucionar sua maneira de pensar.
Passo 2: Use o PWA Builder
A PWA Builder é uma ferramenta online desenvolvida pela Microsoft que ajuda os desenvolvedores a criar e aprimorar Progressive Web Apps (PWAs). Ela fornece um conjunto de recursos e funcionalidades que facilitam o processo de criação e implementação de um PWA.
A PWA Builder oferece suporte a diferentes etapas do desenvolvimento de um PWA, desde a criação do manifest até a geração do service worker e outras otimizações
Nessa ferramenta, você insere o seu site e ela irá ler o seu site e gerar um relatório com notas, qualificando o site e informando se ele está apto ou não para se transformar em um aplicativo nativo.
Após esse relatório, ele te dá opções de lojas onde você deseja publicar o seu site. Temos um passo a passo em vídeo com mais informações sobre como utilizar o PWA Builder capaz de solucionar toda e qualquer dúvida. Além do curso de Bubble que te dará dicas tão importantes quanto as do vídeo em questão.
Ao selecionar a loja de sua preferência, você entrará no próximo passo.
Passo 3: Gere o arquivo e envie para as lojas
Esse passo é bem simples. No momento em que você escolhe a loja que você deseja publicar o seu site, o PWA Builder gera um arquivo e você deve baixar esse arquivo.
O arquivo em questão já está no formato adequado para ser enviado para a loja selecionada. Portanto, é só subir o arquivo e seguir as instruções de cadastro do aplicativo na loja e pronto.
Após subir o arquivo é só aguardar a análise da loja (cerca de 72 horas) e você terá seu site publicado como aplicativo nativo.
Esse foi o passo a passo e não se esqueça, qualquer dúvida a comunidade sem codar existe para retirar essas dúvidas e o curso de Bubble pode te auxiliar a se profissionalizar cada vez mais..
Leve seu aplicativo Bubble para a web, Play Store, App Store e além!
Agora que exploramos as diferentes opções de publicação disponíveis para os aplicativos Bubble.io, desde a hospedagem na web até a publicação nas lojas de aplicativos. Você aprendeu os passos necessários para publicar seu aplicativo nas lojas de aplicativos.
Você tem agora, muitas informações e recursos necessários, se preparando para dar o próximo passo rumo ao sucesso do seu aplicativo web. Mas vale ressaltar a importância de conhecer o curso Bubble e adquirir ainda mais conhecimento. Não perca a oportunidade de alcançar um público maior e compartilhar sua criação com o mundo.
Siga este guia e não deixe de conferir a aula completa que disponibilizei no meu canal do YouTube para publicar seu aplicativo Bubble hoje mesmo!
Quer fazer tudo de forma mais profissional? Aprenda de vez a publicar um aplicativo Bubble na web, Play Store, App Store e muito mais com o curso de Bubble.
Entre agora para a Comunidade Sem Codar para dar o próximo passo rumo ao sucesso do seu aplicativo.