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

Copper와 Bubble.io 통합하기

이 가이드는 Bubble.io와 Copper를 통합하는 데 필요한 단계를 안내할 것입니다.

1단계: 계정 생성
Bubble.io와 Copper를 통합하려면 먼저 두 플랫폼 모두에 계정을 만들어야 합니다. 아직 하지 않았다면, 여기서 Bubble.io 계정을 등록하세요 https://bubble.io/signup 그리고 여기서 Copper 계정을 등록하세요 https://www.copper.com/.

2단계: Bubble.io에서 새 앱 생성
Bubble.io 계정에 로그인하세요. 대시보드에서 왼쪽 상단의 "+" 기호를 클릭한 뒤, 앱 이름을 입력하고, 처음부터 만들거나 템플릿을 사용하여 만들기를 선택합니다.

3단계: API Connector 플러그인 설치
Bubble.io 앱을 Copper에 연결하려면 Bubble.io API Connector 플러그인을 설치해야 합니다. Bubble.io 편집기로 이동하여 "플러그인" 탭을 클릭한 다음 새 플러그인을 추가합니다. "API Connector"를 검색하여 설치합니다.

4단계: API Connector 설정
API Connector가 설치된 후 "다른 API 추가"를 클릭하여 설정합니다. 제공된 공간에 API의 이름(예: "Copper")을 입력합니다.

5단계: Copper API 키 가져오기
API를 통해 Copper에 액세스하려면 API 키가 필요합니다. Copper 계정에 로그인하고, 설정 > API 키로 이동합니다. 여기서 새 API 키를 생성할 수 있습니다. 한 번 페이지를 벗어나면 다시 가져올 수 없으니 안전한 곳에 저장하십시오.

6단계: API Connector를 통해 Copper와 연결 설정
Bubble.io로 돌아가서 API 커넥터를 다음 방식으로 설정합니다:

• 인증: 선호하는 방식이나 요구 사항에 따라 None 또는 Self-Handled을 선택합니다.
• 연결하고자 하는 API의 기본 URL을 제공합니다( Copper의 경우 https://api.prosperworks.com/developer_api/v1/).

7단계: Bubble.io에서 API 호출 정의
API 호출은 앱에서 Copper로 특정 데이터 요청을 정의합니다. API Connector 설정에서 새 API 호출을 추가합니다:

• 호출에 이름을 지정합니다, 예: "Get copper data"
• 동사로 'GET'을 선택합니다.
• URL 필드에서 엔티티의 경로를 Copper 기본 URL의 끝에 추가합니다, 예: 'leads'의 전체 URL은 다음과 같습니다: https://api.prosperworks.com/developer_api/v1/leads/
• 헤더 섹션에서 Copper API 문서에 명시된 대로 키와 값을 제공합니다, 예: X-PW-AccessToken: [Your API Key] 및 X-PW-Application: developer_api 및 Content-Type: application/json

완료된 후, '호출 초기화'를 클릭하여 연결이 제대로 설정되었는지 확인할 수 있습니다.

8단계: 애플리케이션에서 API 사용
API 설정이 완료되면 이제 Bubble.io 앱에서 사용할 수 있습니다. API 호출을 트리거하는 워크플로우를 설정하고, Copper에서 데이터를 가져와 앱 내 요소를 채울 수 있습니다.

9단계: 디버깅
Bubble.io에는 내장된 디버거가 있어, 프로세스에서 발생할 수 있는 문제를 해결하는 데 사용할 수 있습니다. 이는 편집기 창 하단 섹션에서 찾을 수 있습니다.

10단계: 협업 및 배포
Bubble.io 앱이 Copper와 성공적으로 통합되고 예상대로 작동하는 경우, 다른 사람을 초대하여 협업하거나 배포할 수 있습니다.

Bubble.io 또는 Copper의 인터페이스에 대한 변경에 따라 정확한 단계가 약간 다를 수 있습니다. 최신 정보를 위해 각각의 공식 문서를 확인하는 것이 좋습니다.