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

Bubble.io는 웹 기반 애플리케이션을 위한 시각적 프로그래밍 언어 도구입니다. 이 도구는 사용자가 시각적 인터페이스를 사용하여 소프트웨어를 구축할 수 있도록 하는 로코드/노코드 플랫폼으로 널리 사용되고 있습니다. 더 나아가, 인기 있는 도구의 API를 이용해 Bubble 애플리케이션의 기능을 향상시킬 수 있습니다.

그럼, 웹 기반 칸반 스타일의 리스트 만들기 애플리케이션인 트렐로와 Bubble.io를 통합하는 방법에 대한 단계별 가이드를 확인해 볼까요. 이 통합은 프로젝트 작업을 효과적으로 관리하는 데 도움이 될 것입니다.

1단계: Bubble.io 애플리케이션 생성

먼저, 트렐로와 통합하려면 Bubble.io 애플리케이션이 필요합니다:

• 브라우저에 https://bubble.io/를 입력하여 Bubble.io에 접속합니다.
• 아직 계정을 만들지 않았다면 Get started for Free 버튼을 클릭합니다. 그렇지 않다면, Bubble.io 계정으로 로그인합니다.
• Bubble.io 대시보드에서 “New Application” 버튼을 클릭합니다.
• 애플리케이션에 이름을 지정하고, 도메인을 선택(선택사항)한 후 “Create a New App”을 클릭합니다.

2단계: 트렐로 API 키와 토큰 얻기

애플리케이션을 설정한 후에는 트렐로 API 키와 토큰이 필요합니다:

• 웹 브라우저의 새 탭을 열고 https://trello.com/app-key로 이동합니다.
• 트렐로 계정으로 로그인합니다.
• 로그인 후 'Key'와 'Secret'을 복사합니다. 'Key'는 'API key'로, 'Secret'는 'API Secret'으로 사용됩니다.
• API 토큰을 얻으려면 수동으로 토큰을 생성하라는 지시에 따라 "Token" 하이퍼링크를 클릭합니다. 이 토큰을 복사해두세요.

3단계: Bubble.io에서 API Connector 플러그인 설치하기

이 플러그인은 애플리케이션이 트렐로 API를 호출할 수 있게 해줍니다:

• Bubble.io 애플리케이션에서 Plugins 탭으로 돌아갑니다.
• Add plugins를 클릭하고 "API Connector"를 검색합니다.
• Install을 클릭하여 API Connector 플러그인을 설치합니다.

4단계: API Connector를 이용하여 트렐로에 연결하기

이 단계에서는 API Connector를 이용하여 Bubble.io 애플리케이션을 트렐로에 연결합니다:

• 여전히 Plugins 탭에서 API Connector를 클릭합니다.
• 'Add another API'를 클릭하고 다음 세부 정보를 입력합니다:
  • API 이름: Trello.
  • 기본 URL: https://api.trello.com/1/
• 'Authentication'을 클릭하고 ‘Self-handled through parameters’를 선택합니다.
• 'Keys and tokens configuration' 섹션에서 세 가지 매개변수를 추가합니다:
  • 키 - key: 트렐로에서 받은 API key를 입력합니다.
  • 키 - 토큰: 트렐로에서 받은 API 토큰을 입력합니다.
• Add another call을 클릭합니다.
• 호출에 이름을 입력하십시오. 예를 들어 "Get Boards".
• 동일한 기본 URL을 그대로 둡니다.
• 동사 드롭다운에 대해 GET을 선택합니다.
• URL 끝에 “members/me/boards”를 추가합니다.
• 'Query parameters'는 key=API_key&token=API_token을 사용하여 실제 API 키와 토큰을 설정합니다.
• ‘Initialize call’을 클릭합니다.

트렐로 API 세부 정보가 모두 올바르게 입력되었다면, API 호출 성공 응답을 볼 수 있습니다. 이제 Bubble.io 애플리케이션은 트렐로와 성공적으로 통합되었습니다! 이제 트렐로에서 관련 데이터를 Bubble.io 애플리케이션으로 가져오기 시작할 수 있습니다.

5단계: 트렐로에서 정보 사용하기

이제 Bubble.io 애플리케이션은 트렐로에 연결되었으므로, 이 통합을 이용하여 트렐로에서 데이터를 표시하고 조작할 수 있습니다:

• Bubble.io 애플리케이션에서 Design 탭으로 이동합니다.
• 트렐로에서 표시하고자 하는 정보에 기반한 새 요소를 추가합니다.
• 새 요소가 선택된 상태에서 Element Inspector로 이동하여 Type of content을 Trello - Get Boards로 변경합니다.
• Data source 아래에서 Insert Dynamic Data...을 클릭하고 Get data from an API를 선택합니다.
• 트렐로 API 호출(예: "Get Boards")을 선택합니다.

이제 트렐로에서 데이터를 어떻게 표시할지 정확히 제어할 수 있습니다. 예를 들어, Bubble.io의 반복 그룹에 트렐로 계정의 모든 보드 이름을 표시할 수도 있습니다. 또한 4단계의 프로세스를 따라 상대적인 API 호출을 생성함으로써 트렐로에 카드를 생성, 업데이트 또는 삭제하는 작업도 가능합니다. 필요한 API는 트렐로 문서에서 검색할 수 있습니다.

트렐로 API 사용은 트렐로의 자체 요율 제한 정책에 따릅니다. 이 정책을 읽고 API 호출을 그들의 규칙에 맞게 조정하는 것이 좋습니다. 트렐로의 요율 제한을 준수하지 않으면 임시 밴 및 기타 패널티를 받을 수 있습니다.