/Bubble Development Agency

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

우리 웹페이지에서 Bubble.io와 Bitbucket을 원활하게 통합하기 위한 체계적인 단계별 가이드를 발견하세요.

Bitbucket란 무엇인가요?

Bitbucket은 Atlassian이 소유한 웹 기반 버전 관리 저장소 호스팅 서비스로, 전문적인 팀을 위해 설계되었습니다. 이는 Git과 Mercurial 버전 관리 시스템 모두를 지원합니다. Bitbucket은 여러분의 코드를 호스팅할 공간뿐 아니라, 대규모 프로젝트를 관리하고 애플리케이션 내에서 토론을 진행할 수 있게 합니다. 또한 Bitbucket은 버그 추적, 기능 요청, 작업 관리, 모든 프로젝트를 위한 위키 등 여러 협업 기능을 포함하고 있습니다.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

Bubble.io와 Bitbucket을 통합하는 방법은 무엇인가요?

단계 1: Bitbucket에 계정 생성하기

통합을 진행하기 전에 Bitbucket에 기존 계정이 있는지 확인하세요. 없다면, https://bitbucket.org/를 방문하여 새 계정을 등록하십시오.

단계 2: Bitbucket에 저장소 생성하기

Bitbucket 계정에 로그인 한 후:

  • 새로운 저장소를 생성하기 위해 왼쪽 메뉴에서 '+' 버튼을 클릭하세요.
  • 저장소 이름, 설명 (선택사항), 그리고 비공개와 공개 저장소 중에서 선택하세요.
  • 'README 포함?' 체크박스를 선택하여 로컬 기기에 저장소를 바로 복제할 수 있게 하세요.
  • '저장소 생성' 버튼을 클릭하여 저장소를 만드세요.

단계 3: Bubble.io에 계정 생성하기

이제 Bubble.io로 이동하고 계정이 없다면 https://bubble.io/를 방문하여 '시작하기' 버튼을 클릭해서 계정을 만드세요.

단계 4: Bubble.io의 API 접근하기

Bubble.io 계정에 로그인하고, Bubble.io 편집기에서 '데이터'탭으로 이동합니다. 데이터 탭에서 API를 선택하세요.

단계 5: 데이터 API 활성화하기

API 섹션에서:

  • 'GET/data/thing.'를 클릭하세요.
  • '이 앱은 데이터 API를 공개합니다' 체크박스를 선택하면, Bubble.io가 API에서 끝점을 공개하게 됩니다.

단계 6: Bubble.io에 Bitbucket 저장소 추가하기

Bubble.io 편집기로 돌아와:

  • '플러그인' 탭으로 가서 '플러그인 추가'를 클릭하세요.
  • Bitbucket 플러그인을 검색하세요.
  • '설치'를 클릭하여 애플리케이션에 추가하세요.

단계 7: BitBucket 앱 비밀번호 생성하기

Bitbucket로 돌아가:

  • 화면 왼쪽 하단에서 아바타를 클릭하고 'Bitbucket 설정'으로 이동하십시오.
  • 'Access Management'에서 'App passwords'로 이동합니다.
  • '앱 비밀번호 생성'을 클릭하세요.
  • 레이블을 지정하세요 (예: Bubble.io 통합).
  • '권한'에서 '저장소 - 읽기'와 '풀 리퀘스트 - 읽기'를 선택하세요.
  • 그 다음 '생성'을 클릭하세요.
  • 생성된 비밀번호를 복사하세요.

단계 8: Bubble.io에서 Bitbucket 플러그인 설정하기

Bubble.io 편집기에서:

  • Bitbucket 플러그인을 추가한 '플러그인' 탭으로 다시 가세요.
  • Bitbucket 플러그인 설정에서 복사한 '앱 비밀번호'를 'Bitbucket 앱 비밀번호' 입력 창에 붙여넣으세요.
  • 'Bitbucket 사용자 이름' 입력 창에 Bitbucket로 로그인하는 데 사용하는 사용자 이름을 입력하세요.
  • 변경사항을 저장하세요.

이제 Bubble.io와 Bitbucket을 성공적으로 통합했습니다. 이제 Bubble.io 애플리케이션 내에서 Bitbucket 플러그인을 사용하여 저장소에 연결하고, 소스 코드 파일에 접근하고, 풀 리퀘스트에 대한 작업을 수행할 수 있습니다.

Bubble.io와 Bitbucket 통합 사용 사례

시나리오: 소프트웨어 개발 스타트업이 고객을 위해 복잡한 데이터 시각화를 단순화하는 시각적으로 매력적이고 상호 작용적인 웹 애플리케이션을 생성하고자 합니다. 이들은 광범위한 코딩 없이 앱 아이디어를 현실로 만들어주는 Bubble.io를 사용하여 프론트엔드 개발을 진행합니다. 팀은 또한 Bitbucket을 소스 코드 유지 및 업데이트를 위한 버전 관리 저장소로 사용하려고 합니다. 이 두 플랫폼을 무리 없이 통합하여 효율적인 작업 흐름을 구현하려고 합니다.

솔루션: Bubble.io와 Bitbucket 통합하기

Bubble.io를 사용한 프론트엔드 개발: 스타트업은 Bubble.io를 이용해 웹 애플리케이션의 상호 작용 인터페이스를 디자인합니다. 복잡한 코딩을 알 필요 없이 버튼이나 그래프, 그리고 동적 보고서와 같은 요소와 기능을 Bubble.io의 드래그 앤 드롭 빌더를 이용하여 애플리케이션 요구 사항에 맞게 생성할 수 있습니다.

통합 설정: 이 두 플랫폼을 통합하기 위해 스타트업은 Zapier나 Integromat과 같은 미들웨어 서비스를 사용합니다. 그들은 Bubble.io의 API와 Bitbucket 간 연결을 설정하기 위해 이를 설정합니다.

Bubble.io 인터페이스와 Bitbucket의 동기화: 미들웨어 서비스가 설정되면 Bubble.io의 앱 인터페이스에서 발생하는 모든 변경 사항이 Bitbucket와 자동 동기화됩니다. 이는 Bubble.io의 프로젝트의 각각의 새로운 반복이 수동 전송 없이 Bitbucket 저장소에 자동 커밋된다는 것을 의미합니다.

Bitbucket을 이용한 버전 관리: 팀은 그 후 Bitbucket을 버전 관리 저장소로 활용하여 소스 코드의 여러 버전을 유지합니다. 이를 통해 변경 사항을 추적하고 문제를 식별하며 필요할 경우 이전 버전으로 복귀할 수 있습니다.

효율적인 코드 검토: 업데이트가 자동으로 Bitbucket에 커밋되어 코드 검토가 더욱 간편해집니다. 팀은 코드를 신속히 검토하고 코멘트를 남겨 개발 프로세스를 가속화할 수 있습니다.

내장된 JIRA 소프트웨어 통합: Bitbucket에 내장된 JIRA 소프트웨어 통합 기능을 통해, 팀은 Bitbucket 내에서 작업과 진행 상황을 추적할 수 있습니다. 이로써 이들의 프로젝트 버전을 작업 관리와 직접 연동시킬 수 있습니다.

이점:

효율성: Bubble.io의 편리한 빌드와 Bitbucket 코드 저장소를 결합함으로써 소프트웨어 개발 과정이 가속화되며, 귀찮은 수동 코드 이전이 제거됩니다.

협업의 용이성: Bubble.io의 직관적인 인터페이스 빌더와 Bitbucket의 버전 관리 기능, 그리고 JIRA 통합을 결합하면 팀 간 협업이 더욱 효율적이게 됩니다.

보안: Bitbucket의 버전 관리를 통해 스타트업은 개발 과정을 잘못된 변경으로부터 보호할 수 있습니다. 이는 그들에게 더욱 자신감과 안정성을 제공합니다.

혁신: Bubble.io와 Bitbucket을 통합함으로써 스타트업은 노 코드 플랫폼과 전통적인 코드 저장소의 힘을 활용할 수 있습니다. 이를 통해 그들은 더 빠르게 혁신하고, 효율적으로 반복하며, 고객에게 더 나은 데이터 시각화 솔루션을 제공할 수 있습니다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore
Want to Enhance Your Business with Bubble?

Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.

Book a free consultation

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences