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

단계 1: 앱 생성

먼저 Bubble.io 계정에서 앱을 생성해야 합니다. 대시보드에서 "New App"을 클릭하고 앱을 생성하기 위한 필요한 세부 정보를 제공하십시오.

단계 2: API 워크플로우 설정 (Bubble.io)

앱과 GitLab을 연결하려면 "Settings" 탭으로 이동한 다음 "API"를 선택하십시오. "This app exposes a GET/POST API" 및 "Enable CORS for all domains (not safe but easy for development)"의 설정을 활성화하십시오. 엔드포인트 이름을 지정하고 데이터베이스에서 데이터를 반환하십시오.

단계 3: 개인 접근 토큰 생성 (GitLab)

GitLab 계정에 로그인하십시오. "User Settings" (오른쪽 상단 모서리)로 이동한 다음 "Access Tokens"을 클릭하십시오. 토큰의 이름을 지정하고 만료 날짜를 설정하십시오. "Scopes" 아래의 모든 상자를 체크한 다음 "Create personal access token"을 클릭하십시오. 이 토큰을 복사하고 안전하게 유지하십시오.

단계 4: Bubble.io Pipeline을 GitLab 저장소에 연결

이제 Bubble.io로 돌아와 "Plugins" 탭으로 이동하십시오. "Add plugins"를 클릭하고 검색하여 "API Connector" 플러그인을 설치하십시오. API Connector 설정에서 'Add another API'를 클릭하고 필요한 필드를 다음과 같이 작성하십시오:

• "Authentication"에서 'Self-Handled'을 선택하십시오.

• "Shared Headers"에서 GitLab에서 이전에 생성한 개인 접근 토큰을 복사하여 붙여넣습니다.

• 'Use as Action'에 'GET'을 입력하고 GitLab 저장소의 URL을 제공하십시오.

API 설정을 저장하십시오.

단계 5: API 워크플로우 실행 (Bubble.io)

"API Workflows" 메뉴로 돌아가 이번에는 "+ New Endpoint"를 클릭하십시오. 엔드포인트에 이름을 작성하십시오. 같은 페이지에서 'Parameters' 아래에서 'Key'를 선택하고 값 필드에 'Dynamic data'를 선택하십시오. 열리는 동적 패널에서 앞서 생성한 API를 선택하십시오. 마지막으로 "Add Action"을 클릭한 다음 "Return data from API"를 선택하고 반환할 데이터를 선택하십시오.

단계 6: 통합 테스트

이제 Bubble.io에서 앱의 인덱스 페이지로 이동하고 버튼을 추가하십시오. 버튼 속성에서 Workflow에 링크를 연결한 다음 'Trigger a custom workflow'를 선택하십시오. 이전에 생성한 API 워크플로우를 선택하십시오. 앱을 미리보기하고 버튼을 누르십시오. 이 모든 것이 정확하게 이루어졌다면 GitLab 저장소에서 데이터를 제공해야 합니다.

오류가 발생하면 모든 단계를 완벽하게 따랐는지 확인하십시오. 모든 것이 완벽해 보이지만 여전히 문제가 발생하면 Bubble.io 및 GitLab의 지원 문서를 참조하십시오.

참고: Bubble.io와 GitLab 사이에는 직접 통합이 지원되지 않습니다. 이 가이드는 Bubble.io의 API를 사용하여 우회하는 방법을 제공합니다. API 작동 방식에 익숙하지 않은 경우 이를 설정하는 데 추가 도움이 필요할 수 있습니다.

각 플랫폼의 각각 API 문서(Bubble.io의 API 문서 및 GitLab의 API 문서)를 참조하여 API가 어떻게 작동하는지, 그리고 두 플랫폼 간의 연결을 어떻게 설정하는지 이해하십시오.