編集者の評価:ユーザーの評価:.ilfs_response_below_title_1 {幅:300px; } @media（min-width:500px）{.ilfs_response_below_title_1 {width:300px; }} @media（min-width:800px）{.ilfs_response_below_title_1 {width:336px; }}
FormEasy は、受信できるオープンソースソリューションです。ウェブサイトやアプリからのフォームなど、より簡単にデータをGoogleスプレッドシートに保存します。サーバーを維持することなく、わずか数行のコードでフォームを処理できるAppsScriptLibraryを使用しています。
すべてのウェブサイトやアプリに必要なサービスの1つは、次のようなフォームです。お問い合わせフォーム、フィードバックフォームなど。これらのフォームは、静的サイトでも、GetForm、FormKeepなどの特定のサードパーティサービスを使用して処理できます。いつものように、これらは無料プランを選択した場合のデータや送信数などに制限のある有料サービスです。
ここでFormEasyが登場し、静的サイトでのフォームの無料処理が無料で可能になります。サードパーティのツールを必要とせずにコストを削減できます。
仕組み:
1。 Googleアカウントにログインして、空のGoogleスプレッドシートを作成します。
2。 FormEasyWebサイトからスクリプトIDをコピーします。リンクはこの記事の最後にあります。
3。拡張機能メニューからGoogleスプレッドシートに接続されているAppsScriptファイルを開きます。
4。ライブラリの横にある「+」記号をクリックしてライブラリを追加し、上にコピーしたScriptIDを貼り付けて、「追加」をクリックします。最新バージョンが選択されていることを確認してください。
5。スクリプトファイル内のすべてのデフォルト関数を消去し、以下に提供されているdoPost関数を追加します。一部のユーザーがフォームに入力するたびに通知を送信するためのメールアドレスを入力してください。
function doPost（req）{FormEasy.setEmail（’[email protected]’）;//電子メール通知を受信するには（オプション）return FormEasy.action（req）;//アクションメソッドを返す必要があります}
6。 [Deploy]をクリックし、[New Deployment]を選択してポップアップボックスを表示し、[Selecttype]をWebアプリとして選択します。説明を入力し、[アクセスできるユーザー]ドロップダウンメニューで[誰でも]を選択します。 [導入]ボタンをクリックし、必要に応じてGoogleアカウントへのアクセスを承認します。
7。展開が完了したら、ポップアップボックスからWebアプリのURLをコピーします。これは、POSTリクエストを行うために使用できるURLです。
8。次に、「POST」が正常に機能していて、「投稿済み」データがGoogleスプレッドシートに保存されているかどうかを確認する必要があります。これを確認するために、Postmanを使用します。
9。 「POST」としてメソッドを選択し、「Enter request URL」フィールドに、上にコピーしたWebアプリのURLを貼り付けます。
10。テストデータについては、「Body」をクリックし、「Raw」としてデータのタイプを選択します。以下のサンプルデータをコピーして、生データ用に用意されたスペースに貼り付けます。
{“name”:”John”、”email”:”[email protected]”、”message”:”FormEasyスクリプト正常に実行されています。データが保存されました。」 }
11。ステータスOKメッセージが表示され、フォームが正常に機能していることを示すデータが正常にログに記録されました。
12。上で作成した空のGoogleスプレッドシートを開くと、データが投稿された正確な日時を示す日付フィールドとともに、フォームデータが保存されていることがわかります。 FormEasyを使用して、データが投稿されるたびにメールで通知を確認することもできます。
13。 Apps Scriptを変更することで、デフォルトのデータフィールド、つまり、名前、メール、メッセージを変更およびカスタマイズできます。 詳細については、ここをクリックしてください。
最終コメント:
FormEasyは、多くのコーディングを学ぶことなく静的Webサイトでフォームを非常に簡単に使用するための、他のサードパーティツールに代わる優れたオープンソースツールです。 FormEasy GitHub Repo からライブラリのソースコードにアクセスして、
ここをクリックしてFormEasyに移動し、開始しますフォームの処理。
