Lovableのフォーム

プロンプトにはキー、送信先、ハニーポットが入っています。Lovableにバックエンドは作らせないでください。

1. トップページでキーを受け取る。
2. Lovableのプロジェクトを開く。
3. 下のプロンプトを貼る。
4. テストを送り、Formgongの画面で開く。
5. 設定からTelegramをつなぐ。

Prompt

問い合わせを Formgong に送るフォームを追加してください。バックエンド、データベース、秘密情報は作らないでください。

- POST https://formgong.com/submit
- 隠し項目 access_key の値は fk_your_access_key（キーは公開してよい）
- 項目: name, email, 任意の phone, message。ラベルは日本語
- ハニーポット: 画面外に隠した botcheck
- ファイル送信もサーバー関数もなし
- 普通の HTML フォーム、または Accept: application/json の fetch。成功は json.success === true

fetch

async function onSubmit(event) {
  event.preventDefault();
  const fields = Object.fromEntries(new FormData(event.currentTarget));
  const response = await fetch("https://formgong.com/submit", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Accept: "application/json",
    },
    body: JSON.stringify({ ...fields, access_key: "fk_your_access_key" }),
  });
  const result = await response.json();
  if (!result.success) throw new Error(result.message || "Formgong error");
}

キーを取得