Bubble.io와 Autopilot 통합: 단계별 가이드 2024

1단계: Bubble.io 프로젝트 만들기

첫 번째 단계는 Bubble.io에서 새 프로젝트를 만드는 것입니다.

• Bubble.io (https://bubble.io/)로 가서 계정에 로그인하세요. 계정이 없다면 새로 만드세요.
• 로그인한 후 대시보드에서 'New App' 버튼을 클릭하세요.
• 새 앱의 이름, 애플리케이션 유형, 그리고 계획을 선택하고 필요한 세부 정보를 작성한 후 'Create a new app'을 클릭하세요.

2단계: 데이터 유형과 필드 만들기

애플리케이션 준비가 끝났으면 이제 작업할 필요한 데이터 유형과 필드를 만들어야 합니다.

• Bubble.io 편집기에서 'Data' 탭으로 가서 'Data types' 옵션을 클릭하세요.
• 'Create a new type' 버튼을 클릭하고 데이터 유형의 이름을 작성하세요 (예: 'User', 'Post' 등).
• 데이터 유형을 생성한 후에는 'Add a new field' 버튼을 클릭하고 필드 이름을 입력하여 데이터 유형에 필드를 추가할 수 있습니다.

3단계: 자동조종 설정

• Autopilot 계정을 만들고 대시보드로 이동하세요.
• 대시보드에서 왼쪽 메뉴에 있는 'Jouney' 탭을 클릭하세요.
• '+ New Journey' 버튼을 클릭하여 새로운 여정을 만들거나 기존 여정 중 하나를 선택할 수 있습니다.
• 여정 캔버스에서 왼쪽 메뉴의 'Trigger' 액션을 선택하고 원하는 설정으로 구성하세요.
• 이 시점에서 Autopilot가 수행할 결과 액션을 만들어야 합니다.

4단계: Bubble.io와 Autopilot 결합

이제 모든 것이 준비되면, 다음 단계는 Bubble.io에 데이터를 Autopilot으로 보내는 것입니다.

• Bubble.io 편집기에서 'Plugin' 탭으로 이동하고 '+ Add plugins' 버튼을 클릭하세요.
• 검색 창을 사용하여 'API Connector' 플러그인을 찾고 설치하세요.
• 설치 완료 후, 왼쪽 메뉴의 'Plugins' 탭을 클릭하여 플러그인 설정으로 이동한 다음 'API Connector.'를 선택하세요.
• '+ Add Another API'를 클릭하고 API 통합에 대한 이름을 입력하세요. 'Autopilot Integration.'와 같은 것을 사용해도 좋습니다.
• 기본 URL에는 https://api2.autopilothq.com/v1/을 입력하세요.
• 'Shared Headers' 섹션에 다음을 입력하세요:

Header: autopilotapikey
Value: (여기에 API 키 입력)
Content-Type: application/json

• 다음으로 'Add Call' 섹션으로 이동하여 동사를 선택(예: POST), 엔드포인트를 입력, action으로 표시하고, JSON을 클릭하여 본문을 설정하세요.

5단계: Bubble.io에서 작업 흐름 작업 설정

최종 단계는 Bubble.io에서 HTTP 요청을 Autopilot으로 보내도록 작업 흐름 행동을 설정하는 것입니다.

• Bubble.io 편집기에서 'Workflow' 탭으로 이동하고 '+ New Workflow’를 클릭하세요.
• 작업 흐름이 실행될 'Event'를 선택하십시오 (예: 버튼 클릭, 페이지로드).
• 그 후에 '+ Add action'을 클릭하여 드롭다운 목록을 열고 'Plugins' 옵션을 선택하세요.
• 플러그인 옵션에서 'POST to Autopilot'(또는 API 호출에 선택한 이름)을 선택하세요.
• 이 시점에서 Autopilot 경로로 보낼 데이터를 작성해야 합니다.

그게 다입니다! 이제 Bubble.io와 Autopilot 사이의 통합을 성공적으로 설정했습니다. 통합이 제대로 작동하는지 확인하기 위해 애플리케이션을 철저히 테스트하는 것을 잊지 마세요.