우리의 단계별 가이드를 탐색하여 Bubble.io를 CircleCI와 원활하게 통합하고, 효과적으로 작업 흐름과 생산성을 향상시키세요.
CircleCI는 소프트웨어 팀이 개발 프로세스를 빠르고 안전하게, 그리고 대규모로 자동화하는 데 도움을 주는 지속적인 통합 및 배포 플랫폼입니다. 이 플랫폼을 통해 개발자들은 속도와 효율성을 높여 애플리케이션을 개발하고, 테스트하고, 배포할 수 있습니다. CircleCI는 GitHub, GitHub Enterprise 및 Bitbucket과 통합됩니다. 또한 Java, Ruby, Python, Node.js 등 여러 언어를 지원합니다. 이 도구는 클라우드 기반이며, 프로젝트의 요구에 따라 사용자 정의할 수 있습니다.
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.
1단계: 사전 요건 이해
통합 절차를 시작하기 전에, Bubble.io 앱을 설정했고 활성 CircleCI 계정이 있는지 확인하세요. 또한 CircleCI 프로젝트와 Bubble.io의 애플리케이션을 관리할 관리 권한이 있는지 확인해야 합니다.
2단계: 구성에 필요한 정보 기록
다음과 같은 몇 가지 정보가 필요합니다:
Bubble.io의 REST API 키: Bubble.io와 CircleCI 사이의 안전한 연결을 위해 필요합니다. 이는 Bubble.io 프로젝트의 대시보드에서 얻을 수 있습니다.
CircleCI의 API 키: CircleCI의 계정 관리 대시보드의 개인 API 토큰 섹션에서 생성할 수 있습니다.
3단계: CircleCI 구성 파일 생성
프로젝트의 루트 레벨에 .circleci 디렉토리를 생성합니다. 이 폴더 안에 config.yml 파일을 생성합니다. 이 구성 파일은 CircleCI가 어떤 유형의 테스팅 또는 배포 빌드가 필요한지 이해하는 데 도움이 됩니다.
.png)
.png)
mkdir .circleci
cd .circleci
touch config.yml
4단계: CircleCI 구성 작성
이 단계에서는 config.yml 파일 내에 애플리케이션의 테스팅 빌드 지침을 작성해야 합니다.
여기에 예시 구성이 있습니다:
version: 2
jobs:
build:
working_directory: ~/repo
docker:
- image: circleci/node:10
steps:
- checkout
- restore_cache:
keys:
- v1-dependencies-{{ checksum "package.json" }}
- v1-dependencies-
- run: npm install
- save_cache:
paths:
- node_modules
key: v1-dependencies-{{ checksum "package.json" }}
- run: npm test
위의 코드는 Node (버전 10)가 npm test 명령으로 실행되어야 함을 명시하고 있습니다.
5단계: CircleCI 구성 파일을 저장소에 커밋
아직 그렇지 않다면, 프로젝트는 Git 이나 Mercurial (hg) 중 하나로 버전 제어되어야 합니다. 이 도구들의 각각의 추가 및 커밋 명령을 사용하여 .circleci/config.yml 파일을 추적하고 스테이징하세요.
6단계: CircleCI 콘솔에서 프로젝트 설정
다음으로, CircleCI에 프로젝트를 추가해야 합니다. 다음 단계를 수행하세요:
7단계: Bubble.io 대시보드에서의 통합 설정
https://circleci.com/api/v2/project/gh/<사용자이름>/<저장소명>/pipeline로 설정하세요. (<사용자이름>/<저장소명>을 각각 GitHub 사용자 이름 및 저장소로 대체하세요)POST 유형에서 초기 호출 버튼을 누릅니다.8단계: 통합 테스트
마지막으로, 저장소에 변경 사항을 푸시하거나 Bubble.io 프로젝트 인터페이스에서 빌드를 트리거합니다. CircleCI는 저장소에 있는 .circleci/config.yml 파일에서 지침을 자동으로 읽고 빌드를 시작해야 합니다.
Bubble.io와 CircleCI 간의 통합이 성공적이면, CircleCI 대시보드에서 앱의 빌드 및 테스트를 제어하고 모니터링할 수 있습니다.
9단계: 빌드 실패 디버깅
CircleCI 빌드가 실패하면, CircleCI 콘솔에서 로그를 확인하여 어떤 것이 실패했는지 이해할 수 있습니다. 이는 오류 수정 및 디버깅에 상당히 도움이 됩니다.
저장소에 연속으로 푸시된 모든 변경은 CircleCI에서 빌드를 트리거하여 개발 중인 애플리케이션의 테스팅과 품질을 유지하는 데 도움이 됩니다.
이것은 Bubble.io 프로젝트를 CircleCI에 연결하는 한 가지 접근 방법입니다. 계속해서 문제가 발생한다면, 추가로 연구하거나 커뮤니티 지원에 문의하는 것을 고려해 보십시오.
시나리오: 소프트웨어 개발 회사가 Bubble.io를 사용하여 고객의 웹 애플리케이션을 개발하고 있다. 그들은 Bubble.io에서 이루어진 변경사항의 효율적이고 오류 없는 배포를 원하며, 또한 지속적인 통합 및 배포를 지원하는 도구를 원해 고객에게 업데이트를 빠르게 제공할 수 있도록 하려 한다. 이를 위해 Bubble.io를 CircleCI와 통합하는 방식을 결정하였다.
솔루션: Bubble.io 와 CircleCI를 사용한 지속적인 통합
애플리케이션 생성: 개발 회사는 Bubble.io를 사용하여 고객의 요구에 맞춘 웹 애플리케이션을 생성한다.
통합 설정: 개발자들은 CircleCI를 설치하고 Bubble.io 앱이 버전 관리되는 GitHub 계정과 연결한다.
통합 워크플로우: 애플리케이션이 테스팅 또는 배포를 위해 준비되면, 개발자들은 변경사항을 GitHub 저장소에 푸시한다.
CircleCI에서의 자동화된 테스팅: CircleCI는 자동으로 변경사항을 감지하고 새로운 빌드를 시작한다. 작성된 자동 테스트를 실행하여 애플리케이션이 예상대로 작동하는지 확인한다.
오류 탐지: 테스트 중에 오류가 발견되면, 알람이 개발 팀에게 전송된다. 오류는 즉시 수정되고 수정된 변경사항은 다시 저장소에 푸시된다. 그 후 CircleCI는 테스트를 다시 실행한다.
배포: 모든 테스트가 성공적으로 통과하면, CircleCI는 애플리케이션을 지정된 환경에 배포한다.
혜택:
빠른 업데이트: 통합은 업데이트 배포를 신속하게 반복할 수 있게 하여 항상 최신의 웹 애플리케이션을 고객에게 제공할 수 있도록 한다.
오류 탐지: CircleCI에서의 자동화된 테스팅은 초기 단계에서 문제를 발견하고 해결함으로써 결함 있는 애플리케이션 배포의 위험을 줄어든다.
효율성: CircleCI는 테스트 실행과 애플리케이션 배포를 처리함으로써 개발 팀이 다른 작업에 집중할 수 있게 한다.
매끄러운 통합: CircleCI는 Bubble.io와 매끄럽게 통합되어, 코드와 리소스를 효율적으로 관리하는 방법을 제공한다.
Bubble.io를 CircleCI와 통합함으로써, 소프트웨어 개발 회사는 원활하게 효율적으로 업데이트를 배포해 고객에게 반응형이면서 신뢰성 있는 웹 애플리케이션을 제공할 수 있다.
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.
