Webiny is een open source HTML -formulierontwerper

Webiny Gratis vormbouwer

Build Production Ready Forms with a Bootstrap Form Designer

Webiny is een open source Drag and Drop Form Builder die een compleet pakket biedt met versievolling, vormt thema's, gegevensbeheer en meer.

Overzicht

Webiny is een zelf gehost open source platform dat is ontwikkeld om te voldoen aan de meeste serverloze zakelijke gebruiksscenario’s. Daarom is het een compleet pakket om de meeste online bedrijfsprocessen te automatiseren, waaronder een enterprise -formulierbouwer om formulieren te bouwen en te implementeren. Verder wordt deze HTML-vormontwerper ontwikkeld met behulp van de meest geavanceerde technologieën zoals GraphQL, NodeJS als de server-side omgeving en reactjs voor de voorkant. Webiny biedt echter CLI om het project lokaal in te stellen en op te starten en op de cloud te implementeren. Bovendien ondersteunt Webiny de steigeropties om de ontwikkelingsprocessen te versnellen, zoals het maken van services, schema en wordt geleverd met ingebouwde Apollo Gateway-integratie. Bovendien biedt deze CSS -vormontwerper, als een serverloze omgeving, onbeperkte schaalbaarheidsbepalingen om de problemen met betrekking tot load -balancing te elimineren en het gebeurt allemaal automatisch met behulp van gedefinieerde services. Bovenal introduceert deze website Form Builder-software op token gebaseerde mechanismen waarin API-tokens voor de gebruikers de integraties van derden binnen de applicatie kunnen consumeren. Form Builder bij Webiny biedt aangepaste validatieregels op de formuliervelden, multi-taalondersteuning, voorziening om het formulier te bekijken vóór het publiceren en ingebouwde ondersteuning voor RecaptCha. Daarna is deze HTML -vormontwerper in TypeScript geschreven. Daarom is er uitgebreide documentatie beschikbaar met betrekking tot ontwikkeling en implementatie.

Systeem vereisten

Hierna volgen de vereisten om webiny in te stellen

  • node.js & gt; = 10.9.0
  • npm & amp; NPX
  • garen & lt; 2.0
  • AWS -account bij een IAM -gebruiker
  • Mongodb 4.2.x +

Functies

Hierna volgen de belangrijkste kenmerken van Webiny

  • Serverloze architectuur
  • Open source
  • drag & amp; Drop -interface
  • Advanced Form Builder
  • Zeer schaalbaar
  • Eenvoudig gegevensbeheer
  • Aangepaste validaties
  • Integraties van derden
  • Voltooi admin -dashboard
  • Themabeheer
  • Mobielvriendelijk
  • Flexibel
  • Webhooks
  • Gebruikers en rolbeheer
  • Exporteer inzendingen
  • Integrated Recaptcha

Installatie instructies

Voer ten eerste deze opdracht uit om Webiny -project te maken:

 npx create-webiny-project new-project

Ten tweede, stel nu de database in. Plaats ten derde het .env.json -bestand in de hoofdmap van uw project, en na het wijzigen van de mongodb_server en mongodb_name -parameters zou uw .env.json -bestand er zo uit moeten zien:

{ <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
}
}

Waarden van AWS -parameters zijn echter te vinden op uw AWS -account. Vervolgens moeten we de API-omgeving lokaal instellen en het kan 10 tot 15 minuten duren.

 yarn webiny deploy api --env=local

Zodra het is voltooid, start u de app met behulp van de volgende opdrachten:

 cd apps/admin<br></br> yarn start

Admin -app voert een installatiewizard uit, dus voltooi elke stap voordat u de volgende stap gaat. Ten slotte is de omgeving lokaal ingesteld en kunt u verschillende kant-en-klare apps zien, waaronder een Form Builder. Volg ook de volgende opdrachten om een ​​andere app uit te voeren:

 cd apps/site <br></br> yarn start 

 Nederlands