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 :
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.
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”.
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 :
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
O layout é um modelo mestre em que seu conteúdo é consistente em todo o aplicativo.
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.
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.
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
.
Quando a visualização Availables
estiver pronta, adicione o componente Repetidor
com Lista Empilhada
.
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.
Em seguida, clique no botão Implementar aplicativo . É isso.
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 .