Webiny 無料のフォームビルダー
ブートストラップフォームデザイナーを使用して、生産準備完了フォームを構築します
Webinyは、オープンソースのドラッグアンドドロップフォームビルダーで、バージョンの追跡、フォームテーマ、データ管理などを含む完全なパッケージを提供しています。
概要
Webinyは、ほとんどのサーバーレスビジネスユースケースを満たすために開発された自己ホストのオープンソースプラットフォームです。したがって、これは、フォームを構築および展開するためのエンタープライズフォームビルダーを含む、ほとんどのオンラインビジネスプロセスを自動化するための完全なパッケージです。さらに、このHTMLフォームデザイナーは、GraphQL、NodeJSなどの最先端のテクノロジー、サーバー側の環境、およびフロントエンドのReactJを使用して開発されています。 ただし、WebinyはCLIを提供して、プロジェクトをローカルに設定およびブートストラップし、クラウドに展開します。さらに、Webinyは足場オプションをサポートして、サービス、スキーマの作成などの開発プロセスを高速化し、アポロゲートウェイの組み込み統合が組み込まれています。 さらに、サーバーレス環境であるこのCSSフォームデザイナーは、ロードバランスに関連する問題を排除するための無制限のスケーラビリティ条項を提供し、すべてが定義されたサービスの助けを借りて自動的に発生します。とりわけ、このWebサイトフォームBuilderソフトウェアは、APIがアプリケーション内のサードパーティの統合を消費するためにTokenを発行するトークンベースのメカニズムを導入します。 Webinyのフォームビルダーは、フォームフィールド、多言語サポート、公開前にフォームをプレビューするための提供、およびRecaptchaの組み込みサポートに関するカスタム検証ルールを提供しています。その後、このHTMLフォームデザイナーはTypeScriptで書かれています。したがって、開発と展開に関して利用できる包括的なドキュメントがあります。
システム要求
以下は、Webinyを設定するための要件です -node.js> = 10.9.0 -NPM& NPX -Yarn< 2.0 -IAMユーザーのAWSアカウント -Mongodb 4.2.x +
特徴
以下は、Webinyの重要な機能です
- サーバーレスアーキテクチャ
- オープンソース
- ドラッグ&ドロップインターフェース
- 高度なフォームビルダー
- 高度にスケーラブル
- 簡単なデータ管理
- カスタム検証
- サードパーティの統合
- 管理ダッシュボードを完了します
- テーマ管理
- モバイルフレンドリー
- フレキシブル -webhooks
- ユーザーと役割管理
- 提出物をエクスポートします
- 統合されたrecaptcha
インストール手順
まず、このコマンドを実行してWebinyプロジェクトを作成します。
npx create-webiny-project new-project
第二に、今すぐデータベースをセットアップします。 第三に、プロジェクトのルートディレクトリに.env.jsonファイルを配置し、mongodb_serverとmongodb_nameパラメーターを変更した後、.env.jsonファイルは次のようになります。
{ <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
}
}
ただし、AWSパラメーターの値はAWSアカウントから見つけることができます。 次に、API環境をローカルにセットアップする必要があり、10〜15分かかる場合があります。
yarn webiny deploy api --env=local
完了したら、次のコマンドを使用してアプリを起動します。
cd apps/admin<br></br> yarn start
管理者アプリはインストールウィザードを実行するため、次に進む前にすべてのステップを完了します。最後に、環境はローカルにセットアップされており、フォームビルダーを含むいくつかの既製アプリを見ることができます。 同様に、次のコマンドに従って他のアプリを実行します。
cd apps/site <br></br> yarn start