Webiny ist ein Open -Source -HTML -Formular -Designer

Webiny Free Form Builder

Erstellen Sie die Produktionsformen mit einem Bootstrap -Formellierungsdesigner

Webiny ist ein Open -Source -Builder für Drag & Drop -Formular, das ein komplettes Paket mit Versionsverfolgung, Formularen, Datenverwaltung und vielem mehr bietet.

Überblick

Webiny ist eine selbst gehostete Open-Source-Plattform, die entwickelt wurde, um die meisten serverlosen Geschäftsanwendungsfälle zu erfüllen. Daher handelt es sich um ein komplettes Paket, um die meisten Online -Geschäftsprozesse zu automatisieren, die einen Builder für Unternehmensformulars zum Erstellen und Bereitstellen von Formularen enthalten. Darüber hinaus wird dieser HTML-Formulardesigner unter Verwendung der fortschrittlichsten Technologien wie GraphQL, NodeJS als serverseitiger Umgebung und ReactJs für das Front-End entwickelt. Webiny bietet jedoch CLI, um das Projekt lokal einzurichten und zu starten und auf der Cloud bereitzustellen. Darüber hinaus unterstützt Webiny die Gerüstoptionen, um die Entwicklungsprozesse wie das Erstellen von Diensten und das Schema zu beschleunigen und mit integriertem Apollo Gateway-Integration ausgestattet. Da dieses CSS -Formular eine serverlose Umgebung ist, bietet er unbegrenzte Skalierbarkeitsbestimmungen, um die Probleme im Zusammenhang mit dem Lastausgleich zu beseitigen, und alles geschieht automatisch mit Hilfe definierter Dienste. Vor allem in dieser Website-Builder-Software für Website-Form wird tokenbasierte Mechanismen eingeführt, in denen API-Token für die Benutzer die Integrationen von Drittanbietern innerhalb der Anwendung konsumieren können. Der Formular Builder bei Webiny bietet benutzerdefinierte Validierungsregeln auf den Formulierungsfeldern, Support für mehrsprachige, vorhandene Vorschriften vor dem Veröffentlichen und integrierte Unterstützung für Recaptcha. Danach ist dieser HTML -Formulardesigner in TypeScript geschrieben. Daher gibt es umfassende Dokumentationen bezüglich Entwicklung und Bereitstellung.

System Anforderungen

Im Folgenden finden Sie die Anforderungen für die Einrichtung von Webiny

  • node.js & gt; = 10.9.0
  • NPM & amp; NPX
  • Garn & lt; 2.0
  • AWS -Konto mit einem IAM -Benutzer
  • MongoDB 4.2.x +

Merkmale

Im Folgenden finden Sie die wichtigsten Funktionen von Webiny

  • serverlose Architektur
  • Open Source
  • Drag & amp; Drop -Schnittstelle
  • Advanced Form Builder
  • hoch skalierbar
  • Einfaches Datenmanagement
  • benutzerdefinierte Validierungen
  • Integrationen von Drittanbietern
  • Füllen Sie das Administrator Dashboard aus
  • Themenmanagement
  • Mobilfreundlich
  • flexibel
  • Webhooks
  • Benutzer- und Rollenverwaltung
  • Export -Einreichungen
  • Integrated Recaptcha

Installationsanleitung

Führen Sie zunächst diesen Befehl aus, um ein Webiny -Projekt zu erstellen:

 npx create-webiny-project new-project

Zweitens richten Sie die Datenbank jetzt ein. Dritten Sie die Datei .env.json in das Root -Verzeichnis Ihres Projekts und nach der Änderung der Parameter mongodb_server und mongoDB_Name sollten Ihre .Env.json -Datei so aussehen:

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

Die Werte von AWS -Parametern finden Sie jedoch aus Ihrem AWS -Konto. Dann müssen wir die API-Umgebung lokal einrichten und es kann 10 bis 15 Minuten dauern.

 yarn webiny deploy api --env=local

Starten Sie nach Abschluss der App mit den folgenden Befehlen:

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

Die Admin -App führt einen Installationsassistenten aus, so dass Sie jeden Schritt vor dem nächsten Schritt vervollständigen. Schließlich ist die Umgebung lokal eingerichtet und Sie können mehrere fertige Apps sehen, darunter einen Formbuilder. Befolgen Sie ebenso den folgenden Befehlen, um eine andere App auszuführen:

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

 Deutsch