빠른 시작
어떤 HTML 폼이든 Ikiform으로 연결하고 2분 만에 첫 제출을 받아 보세요.
Ikiform은 모든 폼을 위한 백엔드입니다. 마크업, 프레임워크, 스타일은 그대로 유지합니다. 폼을 Ikiform 엔드포인트로 보내면 Ikiform이 각 POST를 검증하고, 스팸을 거르고, 워크스페이스에 저장하고, 이메일로 알리고, 서명된 웹훅으로 여러분의 시스템에 전달합니다.
아무 페이지 상단의 Form ID 칸에 폼 ID를 입력하면 이 문서의 모든 코드 예제에 적용됩니다. ID는 이 브라우저에만 저장됩니다.
보내는 방식 고르기
모든 폼에는 공개 엔드포인트 https://ikiform.com/f/<formId>가 하나씩 있습니다. HTTP POST를 보낼 수 있다면 무엇이든 사용할 수 있습니다.
| 보내는 곳 | 사용할 것 | 가이드 |
|---|---|---|
| 일반 HTML 페이지 또는 사이트 빌더 | <form action> | HTML 폼 |
| React, Next.js, Vue, Svelte, Astro | SDK의 fetch 또는 submit | 가이드 |
| 백엔드, 스크립트, 연동 | 시크릿 키를 사용한 HTTPS JSON 요청 | 서버에서 보내기 |
| shadcn/ui 프로젝트 | 레지스트리 컴포넌트 | shadcn/ui 컴포넌트 |
빠른 시작
폼 만들기
대시보드에 로그인해 워크스페이스를 만들고 폼을 추가하세요. 폼 개요에 엔드포인트 URL과 HTML, JavaScript, React용 스니펫이 준비되어 있습니다.
폼을 엔드포인트로 연결하기
폼의
action을 엔드포인트로,method를post로 설정하세요.name이 있는 모든 입력은 제출의 필드가 됩니다.contact.html <form action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post"> <input name="name" required /> <input name="email" type="email" required /> <textarea name="message"></textarea> <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden /> <button>Send</button> </form>숨겨진
_gotcha입력은 허니팟입니다. 사람에게는 보이지 않고, 이 칸을 채우는 봇은 스팸으로 저장됩니다. 스팸 방지를 참고하세요.제출하기
페이지를 열고 폼을 보내세요. 브라우저는 Ikiform의 감사 페이지로 이동하며, 리디렉션을 설정했다면 여러분의 페이지로 이동합니다. 터미널에서 JSON을 POST할 수도 있습니다.
Terminal curl https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx \ -H "Content-Type: application/json" \ -d '{"name":"Ada","email":"ada@example.com","message":"Hello"}'JSON 요청에는 상태
201과 함께 JSON으로 응답합니다.201 Created { "ok": true, "id": "sub_01k7v2c9t3e8m5q4x6z0a1b2c3" }도착 확인하기
직접 해 보기
본문
멱등성 키
Terminal
curl https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx \
-H "Content-Type: application/json" \
-d '{"name":"Ada Lovelace","email":"ada@example.com","message":"Hello from the Ikiform docs."}'실제 요청으로 보내려면 내 폼 ID를 입력하세요.