Webiny Construtor de formulários livre
Construir formulários prontos para produção com um designer de formulário de bootstrap
O webiny é um construtor de formulários de arrasto e soltar de código aberto que oferece um pacote completo que contém rastreamento de versão, temas de formulários, gerenciamento de dados e muito mais.
Visão geral
O webiny é uma plataforma de código aberto auto-hospedado desenvolvido para atender à maioria dos casos de uso comercial sem servidor. Portanto, é um pacote completo para automatizar a maioria dos processos de negócios on -line, que inclui um construtor de formulários corporativos para criar e implantar formulários. Além disso, esse designer de formulário HTML é desenvolvido usando as tecnologias mais avançadas como GraphQL, NodeJs como ambiente do lado do servidor e reactjs para o front end. No entanto, o webiny fornece à CLI para configurar e inicializar o projeto localmente, bem como para implantar na nuvem. Além disso, o webiny suporta as opções de andaimes para acelerar os processos de desenvolvimento, como criar serviços, esquema e vem com integração de gateway Apollo embutida. Além disso, sendo um ambiente sem servidor, este designer de formulários CSS oferece disposições de escalabilidade ilimitadas para eliminar os problemas relacionados ao balanceamento de carga e tudo acontece automaticamente com a ajuda de serviços definidos. Acima de tudo, este software de formulário de formulários de sites apresenta mecanismos baseados em token, nos quais os tokens em problemas de API para os usuários consumirem as integrações de terceiros no aplicativo. O Form Builder da Webiny oferece regras de validação personalizadas nos campos do formulário, suporte a vários idiomas, provisão para visualizar o formulário antes da publicação e suporte interno para o Recaptcha. Depois disso, esse designer de formulário HTML está escrito no TypeScript. Portanto, existe uma documentação abrangente disponível em relação ao desenvolvimento e implantação.
Requisitos de sistema
A seguir estão os requisitos para configurar o webiny
- Node.js & gt; = 10.9.0
- npm & amp; npx
- Yarn & lt; 2.0
- conta da AWS com um usuário do IAM
- MongoDB 4.2.x +
Características
A seguir estão os principais recursos do webiny
- Arquitetura sem servidor
- Código aberto
- arrastar & amp; Interface de gota
- Construtor de formulário avançado
- altamente escalável
- Gerenciamento de dados fácil
- Valitações personalizadas
- integrações de terceiros
- Painel de administração completo
- Gerenciamento de temas
- Amigável para dispositivos móveis
- flexível
- Webhooks
- Gerenciamento de usuários e papéis
- Exportar envios
- Recaptcha integrada
Instruções de instalação
Em primeiro lugar, execute este comando para criar um projeto de webiny:
npx create-webiny-project new-project
Em segundo lugar, configure o banco de dados agora. Em terceiro lugar, coloque o arquivo .env.json no diretório raiz do seu projeto e, depois de alterar os parâmetros de MongoDB_Server e MongoDB_Name, seu arquivo .env.json deve ser assim:
{ <br></br>"default": {
"AWS_PROFILE": "default",
"AWS_REGION": "us-east-1",
"MONGODB_SERVER": "mongodb+srv://{YOUR_USERNAME}:{YOUR_PASSWORD}@someclustername.mongodb.net",
"MONGODB_NAME": "{YOUR_MONGODB_NAME}",
"DEBUG": true
}
}
No entanto, os valores dos parâmetros da AWS podem ser encontrados na sua conta AWS. Em seguida, precisamos configurar o ambiente da API localmente e pode levar de 10 a 15 minutos.
yarn webiny deploy api --env=local
Depois de concluído, inicie o aplicativo usando os seguintes comandos:
cd apps/admin<br></br> yarn start
O App Admin executará um Assistente de Instalação, então conclua cada etapa antes de seguir em seguida. Finalmente, o ambiente é configurado localmente e você pode ver vários aplicativos prontos, incluindo um construtor de formulários. ** Da mesma forma, siga os seguintes comandos para executar qualquer outro aplicativo:
cd apps/site <br></br> yarn start
