Webiny est un concepteur de formulaire HTML open source

Webiny Formateur de formulaire GRATUIT

Construisez des formulaires prêts à la production avec un concepteur de formulaire bootstrap

Webiny est un générateur de formulaires de glisser-déposer open source qui propose un package complet contenant le suivi de la version, le thème des formulaires, la gestion des données, etc.

Aperçu

Webiny est une plate-forme open source auto-hébergée développée pour répondre à la plupart des cas d’utilisation de l’entreprise sans serveur. Par conséquent, il s’agit d’un package complet pour automatiser la plupart des processus métier en ligne qui comprend un générateur de formulaires d’entreprise pour créer et déployer des formulaires. De plus, ce concepteur de formulaire HTML est développé en utilisant les technologies les plus avancées comme GraphQL, NodeJS comme environnement côté serveur et ReactJS pour le frontal. Cependant, Webiny fournit CLI pour configurer et bootstrap le projet localement ainsi que pour déployer sur le cloud. De plus, Webiny prend en charge les options d’échafaudage pour accélérer les processus de développement comme la création de services, le schéma et est livré avec l’intégration de la passerelle Apollo intégrée. De plus, étant un environnement sans serveur, ce concepteur de formulaire CSS propose des dispositions illimitées d’évolutivité pour éliminer les problèmes liés à l’équilibrage de charge et tout se produit automatiquement avec l’aide de services définis. Surtout, ce logiciel Builder Software de site Web présente des mécanismes basés sur des jetons dans lesquels API émet des jetons pour les utilisateurs pour consommer les intégrations tierces de l’application. Form Builder at Webiny propose des règles de validation personnalisées sur les champs de formulaire, une prise en charge multi-langues, une provision pour prévisualiser le formulaire avant la publication et une prise en charge intégrée pour RecaptCha. Après cela, ce concepteur de formulaire HTML est écrit en dactylographie. Par conséquent, il existe une documentation complète sur le développement et le déploiement.

Configuration requise

Voici les exigences pour configurer Webiny

  • Node.js & gt; = 10.9.0
  • NPM & amp; NPX
  • Yarn & lt; 2.0
  • Compte AWS avec un utilisateur IAM
  • MongoDB 4.2.x +

Caractéristiques

Voici les principales caractéristiques de Webiny

  • Architecture sans serveur
  • Open source
  • Drag & amp; Interface de dépôt
  • Formateur de formulaire avancé
  • Très évolutif
  • Gestion facile des données
  • Validations personnalisées
  • intégrations tierces
  • Tableau de bord d’administration complet
  • Gestion du thème
  • Mobile Friendly
  • Flexible
  • webhooks
  • Gestion des utilisateurs et des rôles
  • Souvances d’exportation
  • recaptcha intégré

Instructions d’installation

Tout d’abord, exécutez cette commande pour créer un projet Webiny:

 npx create-webiny-project new-project

Deuxièmement, configurez la base de données maintenant. Troisièmement, placez le fichier .env.json dans le répertoire racine de votre projet, et après avoir changé les paramètres MongoDB_Server et Mongodb_Name, votre fichier .env.json devrait ressembler à ceci:

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

Cependant, les valeurs des paramètres AWS peuvent être trouvées à partir de votre compte AWS. Ensuite, nous devons configurer un environnement API localement et cela peut prendre 10 à 15 minutes.

 yarn webiny deploy api --env=local

Une fois qu’il est terminé, démarrez l’application en utilisant les commandes suivantes:

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

L’application Admin exécutera un assistant d’installation, alors terminez chaque étape avant de passer ensuite. Enfin, l’environnement est configuré localement et vous pouvez voir plusieurs applications prêtes à l’emploi, y compris un générateur de formulaire **. ** De même, suivez les commandes suivantes pour exécuter toute autre application:

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

 Français