Flutterflow 애플리케이션의 저코드 API
중급
이것은Engineering, Product, Building Blocks분야의자동화 워크플로우로, 8개의 노드를 포함합니다.주로 Set, Webhook, Aggregate, RespondToWebhook, N8nTrainingCustomerDatastore 등의 노드를 사용하며. Flutterflow 애플리케이션의 저코드 API
사전 요구사항
- •HTTP Webhook 엔드포인트(n8n이 자동으로 생성)
워크플로우 미리보기
노드 연결 관계를 시각적으로 표시하며, 확대/축소 및 이동을 지원합니다
워크플로우 내보내기
다음 JSON 구성을 복사하여 n8n에 가져오면 이 워크플로우를 사용할 수 있습니다
{
"meta": {
"instanceId": "dbd43d88d26a9e30d8aadc002c9e77f1400c683dd34efe3778d43d27250dde50"
},
"nodes": [
{
"id": "646662d1-92dc-406a-8dc6-581a4a6d69cd",
"name": "Customer Datastore (n8n training)",
"type": "n8n-nodes-base.n8nTrainingCustomerDatastore",
"position": [
580,
660
],
"parameters": {
"operation": "getAllPeople"
},
"typeVersion": 1
},
{
"id": "4926678b-cd17-4e7a-b8af-db649f17e442",
"name": "변수에 삽입",
"type": "n8n-nodes-base.set",
"position": [
880,
660
],
"parameters": {
"options": {},
"assignments": {
"assignments": [
{
"id": "de2360fb-1b29-4524-a035-1a76abf4ae2e",
"name": "students",
"type": "object",
"value": "={{ $json }}"
}
]
}
},
"typeVersion": 3.3
},
{
"id": "43c716b1-626e-47cd-b1df-1c7ca486fcd4",
"name": "변수 집계",
"type": "n8n-nodes-base.aggregate",
"position": [
1060,
660
],
"parameters": {
"options": {},
"fieldsToAggregate": {
"fieldToAggregate": [
{
"fieldToAggregate": "students"
}
]
}
},
"typeVersion": 1
},
{
"id": "325b44ba-5297-496a-8351-4cc00b34e2f2",
"name": "스티커 메모",
"type": "n8n-nodes-base.stickyNote",
"position": [
220,
540
],
"parameters": {
"color": 4,
"width": 218.82012248136226,
"height": 321.21203744835316,
"content": "### Flow starts when receiving a get http call"
},
"typeVersion": 1
},
{
"id": "a57c08ca-60bd-43e5-aefa-269b05bc0f01",
"name": "스티커 메모1",
"type": "n8n-nodes-base.stickyNote",
"position": [
480,
540
],
"parameters": {
"color": 7,
"width": 314.179182099464,
"height": 320.43858635231027,
"content": "### Here you can change to your database node"
},
"typeVersion": 1
},
{
"id": "becb82a0-d2bc-40d3-a293-7f75939a8878",
"name": "스티커 메모2",
"type": "n8n-nodes-base.stickyNote",
"position": [
840,
540
],
"parameters": {
"color": 7,
"width": 364.9476455365474,
"height": 318.43858635231027,
"content": "### Step required to transform data for response to flutterflow"
},
"typeVersion": 1
},
{
"id": "d76acd26-5c0c-4b1e-b673-b63697c9c98a",
"name": "새 Flutterflow 호출 시",
"type": "n8n-nodes-base.webhook",
"position": [
280,
660
],
"webhookId": "203c3219-5089-405b-8704-3718f7158220",
"parameters": {
"path": "203c3219-5089-405b-8704-3718f7158220",
"options": {},
"responseMode": "responseNode"
},
"typeVersion": 2
},
{
"id": "05a1efd1-beb2-4953-90c7-6e1df98b74f8",
"name": "Flutterflow 응답",
"type": "n8n-nodes-base.respondToWebhook",
"position": [
1280,
660
],
"parameters": {
"options": {},
"respondWith": "json",
"responseBody": "={{ $json }}"
},
"typeVersion": 1.1
},
{
"id": "c4272529-1d96-48b9-b390-6bf847af7454",
"name": "스티커 메모3",
"type": "n8n-nodes-base.stickyNote",
"position": [
220,
300
],
"parameters": {
"width": 457,
"height": 201,
"content": "## Low-code API for Flutterflow apps\n### Set up\n1. Copy the Webhook URL from `On new flutterflow call` step. This is the URL you will make a GET request to in FlutterFlow.\n2. Replace the \"Customer Datastore\" step with your own data source or any other necessary workflow steps to complete your API endpoint's task."
},
"typeVersion": 1
}
],
"pinData": {},
"connections": {
"43c716b1-626e-47cd-b1df-1c7ca486fcd4": {
"main": [
[
{
"node": "05a1efd1-beb2-4953-90c7-6e1df98b74f8",
"type": "main",
"index": 0
}
]
]
},
"4926678b-cd17-4e7a-b8af-db649f17e442": {
"main": [
[
{
"node": "43c716b1-626e-47cd-b1df-1c7ca486fcd4",
"type": "main",
"index": 0
}
]
]
},
"d76acd26-5c0c-4b1e-b673-b63697c9c98a": {
"main": [
[
{
"node": "646662d1-92dc-406a-8dc6-581a4a6d69cd",
"type": "main",
"index": 0
}
]
]
},
"646662d1-92dc-406a-8dc6-581a4a6d69cd": {
"main": [
[
{
"node": "4926678b-cd17-4e7a-b8af-db649f17e442",
"type": "main",
"index": 0
}
]
]
}
}
}자주 묻는 질문
이 워크플로우를 어떻게 사용하나요?
위의 JSON 구성 코드를 복사하여 n8n 인스턴스에서 새 워크플로우를 생성하고 "JSON에서 가져오기"를 선택한 후, 구성을 붙여넣고 필요에 따라 인증 설정을 수정하세요.
이 워크플로우는 어떤 시나리오에 적합한가요?
중급 - 엔지니어링, 제품, 빌딩 블록
유료인가요?
이 워크플로우는 완전히 무료이며 직접 가져와 사용할 수 있습니다. 다만, 워크플로우에서 사용하는 타사 서비스(예: OpenAI API)는 사용자 직접 비용을 지불해야 할 수 있습니다.
관련 워크플로우 추천
自定义 API MCP 서버 구축
사용자 정의 API MCP 서버 구축
If
Set
Filter
+
If
Set
Filter
25 노드Jimleuk
엔지니어링
Notion 콘텐츠에서 Linear 작업 티켓 생성
Notion 내용을 통해 Linear 작업지 생성
If
Set
Code
+
If
Set
Code
24 노드David Roberts
엔지니어링
CSV를 JSON으로 변환기 (에러 처리 및 Slack 알림)
에러 처리 및 Slack 알림 기능을 포함한 CSV에서 JSON 변환기
If
Set
Code
+
If
Set
Code
18 노드n8n Team
엔지니어링
n8n 인스턴스의 공공 IP 주소 가져오기
n8n 인스턴스의 공공 IP 주소 가져오기
Set
Webhook
Aggregate
+
Set
Webhook
Aggregate
6 노드Ger Longstacks
엔지니어링
[템플릿] AI 반려동물 가게 v8
🐶 AI 펫 샵 어시스턴트 - GPT-4o, Google 캘린더 및 WhatsApp/Instagram/Facebook 통합
If
N8n
Set
+
If
N8n
Set
244 노드Amanda Benks
영업
다이나믹 GitHub 작업 흐름
🔄 Workflow Repos8r: n8n 워크플로우의 GitHub 버전 관리 사용자 인터페이스
N8n
Set
Code
+
N8n
Set
Code
44 노드RealSimple Solutions
엔지니어링