Webiny Free Form Builder
Bygg produktionsklar med en bootstrap -formdesigner
Webiny är en öppen källkods drag- och droppformbyggare som erbjuder ett komplett paket som innehåller versionspårning, formulär, datahantering och mer.
Översikt
Webiny är en självhostad öppen källkodsplattform som utvecklats för att möta de flesta fall av serverlösa affärsanvändningar. Därför är det ett komplett paket för att automatisera de flesta av de affärsprocesser som inkluderar en företagsformulär för att bygga och distribuera formulär. Vidare utvecklas denna HTML-formdesigner med hjälp av den mest avancerade tekniken som GraphQL, NodeJS som server-sidmiljö och ReactJS för frontend. Webiny tillhandahåller emellertid CLI för att ställa in och starta upp projektet lokalt såväl som för att distribuera på molnet. Dessutom stöder Webiny ställningsalternativ för att påskynda utvecklingsprocesserna som att skapa tjänster, schema och levereras med inbyggd Apollo Gateway-integration. Dessutom, som en serverlös miljö, erbjuder denna CSS -formedesigner obegränsade skalbarhetsbestämmelser för att eliminera problemen relaterade till lastbalansering och allt händer automatiskt med hjälp av definierade tjänster. Framför allt introducerar denna webbplats Builder-programvara tokenbaserade mekanismer där API-utfärdar tokens för användarna att konsumera tredjepartsintegrationer i applikationen. Form Builder på Webiny erbjuder anpassade valideringsregler för formfält, flerspråkigt stöd, bestämmelse för att förhandsgranska formuläret före publicering och inbyggt stöd för RecapTCHA. Efter det är denna HTML -formdesigner skriven i TypeScript. Därför finns det omfattande dokumentation när det gäller utveckling och distribution.
Systemkrav
Följande är kraven för att ställa in Webiny
- node.js & gt; = 10.9.0
- npm & amp; npx
- garn & lt; 2.0
- AWS -konto med en IAM -användare
- MongoDB 4.2.x +
Funktioner
Följande är de viktigaste funktionerna i Webiny
- Serverlös arkitektur
- Öppen källa
- dra & amp; Droppgränssnitt
- Advanced Form Builder
- Mycket skalbar
- enkel datahantering
- Anpassade valideringar
- Tredjepartsintegrationer
- Komplett adminpanel
- temahantering
- Mobilvänlig
- Flexibel
- webhooks
- Användare och rollhantering
- Exportinlämningar
- Integrerad recaptcha
Installations instruktioner
Kör först detta kommando för att skapa Webiny -projektet:
npx create-webiny-project new-project
För det andra, ställ in databasen nu. För det tredje, placera .env.json -filen i rotkatalogen för ditt projekt, och efter att du har ändrat parametrarna MongoDB_Server och MongoDB_Name bör din .ENV.JSON -filen se ut så här:
{ <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
}
}
Värden på AWS -parametrar kan emellertid hittas från ditt AWS -konto. Sedan måste vi ställa in API-miljö lokalt och det kan ta 10 till 15 minuter.
yarn webiny deploy api --env=local
När den är klar startar appen med följande kommandon:
cd apps/admin<br></br> yarn start
Admin -appen kommer att köra en installationsguide så komplett varje steg innan du går nästa. Slutligen är miljön inställd lokalt och du kan se flera färdiga appar inklusive en ** Form Builder. ** Följ på samma sätt följande kommandon för att köra någon annan app:
cd apps/site <br></br> yarn start
