Muitas start-ups, empresas e aspirantes a empreendedores enfrentam o desafio de promover seu (s) produto (s), especialmente quando precisam promover seu produto criando um aplicativo da web ou um aplicativo móvel, que pode ser caro e demorado, especialmente se eles não forem desenvolvedores.

Mas, pessoalmente, consegui isso usando um desenvolvimento de baixo código plataforma chamada Budibase . Plataformas de desenvolvimento de baixo código, como Budibase, ajudam a criar aplicativos da web e móveis sem codificação e, em vez disso, contam com interface gráfica do usuário e configuração.

Mas o que exatamente é Budibase e como você o usa? Vamos nos aprofundar.

O que é Budibase?

Budibase é uma plataforma de desenvolvimento de baixo código que ajuda você a criar um aplicativo de software empresarial em minutos-50 vezes mais rápido do que o desenvolvimento!

É um totalmente projeto de código aberto e você pode escrever algum código para melhorar e criar um aplicativo da web melhor.

Além disso, é gratuito, embora você possa pagar por hospedagem e fluxos de trabalho, dependendo de seu uso. Você pode verificar o preço aqui .

O Budibase tem uma ótima documentação e uma comunidade .

Aqui estão alguns de seus melhores recursos:

  • Você pode criar e enviar aplicativos de página única (SPAs) com ferramentas internas amigáveis ​​ao desenvolvedor e um excelente design responsivo e usabilidade
  • Budibase é um código aberto
  • Você pode conectar ou importar dados de um banco de dados externo (MongoDB, CouchDB, PostgreSQL, mySQL, Airtable, Planilhas Google, S3, DyanmoDB ou uma API REST). Além disso, você pode operar dados dentro da GUI do Budibase
  • Você pode gerar ou desenvolver telas incríveis com componentes poderosos
  • Você pode automatizar processos ou implementar lógica de back-end para seu projeto Budibase. Por exemplo, se você precisa saber quando alguém atualiza dados ou exclui um registro em seu banco de dados, o Budibase enviará um e-mail quando isso acontecer
  • Você pode implantar seu aplicativo simplesmente no Budibase Cloud ou em sua própria hospedagem com Docker ou Digital Ocean

Budibase é uma plataforma poderosa para várias empresas, desde start-ups a grandes empresas. Você pode usá-lo para:

  • TI e engenharia
  • Consultoria
  • Transporte e logística
  • Educação
  • Varejo e mercados
  • Finanças

Agora, vamos criar um projeto simples do Budibase juntos.

Crie seu primeiro aplicativo Budibase

Primeiro, devemos criar uma conta no Budibase e responder a várias perguntas. Após a inscrição bem-sucedida, você navegará para Portal de hospedagem Budibase :

Budibase Hosting Portal

Vamos baixar um construtor específico para seu sistema operacional e copiar a chave de API para implantar seu aplicativo.

A seguir, abra o construtor e crie um novo aplicativo Budibase clicando no botão Criar novo aplicativo da web no lado superior direito. Vamos criar o aplicativo da web simples para loja de tecnologia.

Criar nova tela de aplicativo da web

Por fim, criaremos o primeiro usuário para nosso aplicativo da web. Se não adicionarmos o usuário, não poderemos fazer login em nosso sistema, então adicione um usuário com o e-mail “[email protected]” e a função “admin”.

Construir com o primeiro usuário

Acima, quando adicionamos um novo usuário ao nosso sistema, já criamos uma tabela de Usuários . O Budibase armazenará os dados de todos os usuários aqui.

Gerenciando dados Budibase

Na parte superior do construtor Budibase, você verá quatro seções principais para trabalhar com um aplicativo da web:

  • Dados: seção para manipular seu banco de dados. Esta parte costuma ser chamada de back-end
  • Design: seção para construir sua interface de usuário. Esta parte é geralmente chamada de front-end
  • Automatizar: seção em que você pode automatizar processos ou fluxos de trabalho
  • Implantar: seção para implantar seu aplicativo da web no Budibase

Antes de desenvolver uma interface de usuário, devemos criar uma estrutura de banco de dados. Nossa loja de tecnologia armazenará e exibirá produtos técnicos.

Primeiro, crie uma tabela Produtos com colunas:

  • Nome: nome do produto com tipo de dados Texto
  • Preço: preço do produto com tipo de dados Number
  • Marca: nome da empresa com tipo de dados Opções . É o tipo incrível com seleção de string/texto
  • Imagem: imagem do produto com tipo de dados Anexo para arquivos estáticos
  • Disponível: tipo Booleano para disponível na loja
  • Descrição: descrição do produto técnico

Vamos clicar no botão criar tabela :

Criar Tabela

Projetando seu aplicativo com Budibase

O construtor Budibase tem uma seção dos painéis esquerdo, central e direito.

O painel esquerdo contém suas telas e layouts, e as telas contêm todas as nossas telas. Quando criamos a tabela Produtos, o Budibase gera quatro telas para nós:

  • home : tela principal
  • products/: id : editar tela de linha de produto
  • products/new/row : crie uma nova tela de produto
  • produtos : tela da lista de todos os produtos
    App Design

O layout é um modelo mestre em que seu conteúdo é consistente em todo o aplicativo.

Design Layouts

O design da Budibase tem um lado público e um lado privado. O lado privado são as páginas que você trabalha após fazer login. O lado público é uma tela à qual todos têm acesso. Por exemplo, nosso aplicativo tem uma página de login.

Tela de login

O painel do meio mostra sua página com componentes, enquanto o painel direito gerencia sua página e estilos e configurações de componentes.

Vamos clicar no botão Visualizar no canto superior direito e adicionar vários produtos ao banco de dados por meio de nosso aplicativo da web.

Tela da lista de produtos

A seguir, vamos mudar a tela inicial e remover o componente Video Container e exibir todos os produtos disponíveis. Então, como podemos fazer isso? Felizmente, o Budibase tem tabelas virtuais View . Podemos obter dados sem alterar os dados no banco de dados. O Budibase manipula dados via:

  • Filtros: filtre dados com condições particulares
  • Grupos: agrupe os dados por suas colunas
  • Cálculos: calcule dados com fórmulas

Pode parecer complicado da primeira vez, mas se você ler os documentos e prática, ficará mais fácil.

Agora, vamos criar a visualização Disponíveis com o filtro Available igual true .

Disponíveis

Quando a visualização Availables estiver pronta, adicione o componente Repetidor com Lista Empilhada .

Tela inicial

Acima, atualizamos as bordas, o preenchimento e as propriedades do plano de fundo da lista empilhada. É simples. Você pode criar estilos diferentes por meio de ferramentas e configurações poderosas. Fique à vontade para brincar e confiar na sua imaginação!

Implantando o aplicativo no Budibase

Ótimo! Concluímos nosso primeiro aplicativo da web Budibase. Agora, precisamos implantar nosso aplicativo da web. Quando o implantamos, o Budibase o hospeda na AWS. A implantação com o Budibase é simples.

Primeiro, abra um portal de hospedagem e copie a API Key para sua implantação. Em seguida, abra a janela modal de configurações clicando no ícone Configurações do lado superior direito e passando a tecla.

Configurações

Em seguida, clique no botão Implementar aplicativo . É isso.

Histórico de implantação

Parabéns! Seu primeiro aplicativo da web Budibase já está no ar.

Conclusão

Se você precisa construir um aplicativo da web em minutos sem conhecimento de desenvolvimento de software, o Budibase é a melhor maneira para você. É uma plataforma de código aberto incrível e de baixo código para construir aplicativos da web.

Obrigado por ler. Espero que você tenha achado esta peça útil. Boa programação!

A postagem Getting started with Budibase apareceu primeiro em LogRocket Blog .

Source link