OpenBlocks
A alternativa de retool de código aberto
Crie ferramentas internas rapidamente, sem limitações
![](https://images.downcodes.com/uploads/20250129/img_679a207654f2b30.gif)
? Use OpenBlocks em 3 etapas
- Conecte -se a quaisquer fontes de dados ou APIs.
- Construa a interface do usuário com mais de 50 componentes.
- Compartilhe com colegas e clientes.
Por que o OpenBlocks
É pesado criar um único aplicativo. Você tinha que projetar interfaces de usuário, escrever código em vários idiomas e estruturas e entender como todo esse código funciona em conjunto.
As plataformas de código baixo/sem código são rápidas para começar, mas rapidamente tornam-se inalteráveis e inflexíveis. Isso cria mais problemas do que resolve.
As soluções do tipo RETOOL são ótimas para sua simplicidade e flexibilidade, mas também podem ser limitadas de maneiras diferentes em comparação com estruturas como React/Vue.
OpenBlocks quer dar um passo à frente. Mais especificamente, os blocos de abertura são
- Um IDE tudo em um para criar aplicativos internos ou voltados para o cliente.
- Um local para criar, construir e compartilhar blocos de construção de aplicativos da Web.
- Uma linguagem específica de domínio que o bloco confundível na interface do usuário é o cidadão de primeira classe.
? Características
- Visual UI Builder com mais de 50 componentes embutidos.
- Biblioteca de módulos e consultas para componentes e consultas reutilizáveis no construtor de interface do usuário.
- Componentes personalizados para compartilhar através do React e OpenBlocks SDK (em vez de iframe).
- Conexões nativas com PostgreSQL, MongoDB, MySQL, Redis, Elasticsearch, REST API, SMTP, etc.
- JavaScript suportado em todos os lugares para transformar dados, controlar componentes, etc.
- Incorporar as páginas do OpenBlocks como um componente React (em vez de iframe). Demonstração
- Controle de acesso baseado em função (RBAC) para gerenciamento de permissão granular.
- Histórico salvo e restaurável automático para lançamento e controle de versão.
- Os temas de aplicativos DIY para se alinhar com precisão com o conteúdo da sua empresa.
- Logs de auditoria para rastrear atividades e garantir a conformidade.
? Comparações
OpenBlocks vs retrool
- OpenBlocks é de código aberto. Você não precisa se preocupar com o bloqueio do fornecedor ou ficar preso a uma versão desatualizada do software.
- Nos Blocks Open, os desenvolvedores podem criar e usar seus próprios componentes, em vez de depender das atualizações oficiais.
- O OpenBlocks suporta a navegação do menu à esquerda (como a maioria dos sites). RETOOL tem apenas navegação no cabeçalho.
OpenBlocks vs Appsmith, jato de ferramenta
- O OpenBlocks possui mais componentes e configuração mais rica que o Appsmith e ToolJet.
- Nos Blocks Open, você pode escolher o modo de altura automática ou de altura fixa para seus componentes, enquanto o Appsmith suporta apenas o modo de altura fixa.
- Em Blocks Open, você pode reutilizar estruturas comuns ao criar aplicativos com módulos e recursos da biblioteca de consultas.
? Apoio e comunidade
Se você tiver alguma dúvida, não hesite em entrar em contato conosco ou compartilhar com nossa comunidade. Nossa equipe está aqui pronta para ajudar.
? Converse conosco na discórdia
? Procure soluções em nossa documentação
? Envie uma questão aqui no Github
Opções de implantação
Você pode acessar o OpenBlocks da versão hospedada em nuvem a qualquer momento ou usar os seguintes recursos para implantar Blocks OpenBlocks em diferentes plataformas:
- Docker
- AWS ami
- Digitalocean
? Contribuindo
- Suporte ao idioma: se você tiver experiência com um idioma que não seja suportado pelo nosso produto, envie -nos uma solicitação de tração.
- Crie e compartilhe componentes ou demos: se você criou algo que pode ser útil para outras pessoas, adicione o link aqui.
- Guia contribuinte de front -end
Exemplos (WIP)
- Crud básico
- Demonstração horizontal de rolagem e paginação simples de mesa
- Paginação com demonstração temporária do estado
- Importar demonstração JS Lib de terceiros
- JSON Schema Parsing usando um Lib de terceiros
- Demonstração personalizada de Echarts, Echarts Fonte
- Demoção de Ação do Usuário Periodicamente
- Gerar pdf usando jspdf
- Excel Explorer
- Upload de arquivo com API REST
- Demonstração de carrinho de compras usando transformadores/estado/gaveta
- Demo do módulo: seletor de cores
- Gerenciamento de arquivos S3
- Estilo de marcação personalizado
- Use a consulta JS para orquestrar outras consultas
- Demonstração de resposta de dados
- Alterar o tema por código