Bubble.io와 MongoDB를 원활하게 통합하는 방법에 대한 단계별 가이드를 탐색해 보세요. 초보자나 어느 플랫폼에도 새로운 사람들에게 완벽합니다.
MongoDB는 소스 사용 가능한 크로스 플랫폼 문서 지향 데이터베이스 프로그램입니다. NoSQL 데이터베이스 시스템이므로 데이터를 저장하기 위해 구조화된 표를 필요로 하지 않고, 대신에 문서와 컬렉션을 기반으로 하는 더 유연한 모델을 사용합니다. 이로 인해 다양한 데이터 유형의 대량 처리에 매우 적합합니다. MongoDB Inc.에 의해 개발되었으며, 그 스케일링 성능으로 잘 알려져 있으며 대규모 및 소규모 애플리케이션 개발에서 널리 사용됩니다.
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.
Bubble.io와 MongoDB를 통합하기
Bubble.io와 MongoDB를 통합하는 것은 Bubble.io나 MongoDB에 처음 접하는 경우에는 약간 복잡하게 보일 수 있습니다. 그러나 이 단계에 따라 자세히 설명해 드리도록 하겠습니다.
단계 1: MongoDB를 설정하십시오
1.1 아직 하지 않은 경우 MongoDB의 공식 웹사이트에서 계정을 만드십시오.
1.2 MongoDB 계정 대시보드로 이동하여 데이터가 저장될 새 클러스터를 만드십시오.
1.3 클러스터를 만든 후 'CONNECT'버튼을 누르십시오.
1.4 연결 방법에 대한 여러 옵션이 있는 대화 상자가 표시됩니다. 'Connect your application'을 선택하십시오.
1.5 생성된 연결 문자열을 복사하십시오. 나중에 <password>를 MongoDB 사용자 이름의 비밀번호로 교체하게 됩니다.
단계 2: Bubble.io 계정을 만드십시오
2.1 Bubble.io의 공식 사이트로 이동하여 계정을 만드십시오.
2.2 가입 한 후 대시보드 상단 오른쪽에 있는 'NEW APP'버튼을 사용하여 새 앱을 만드십시오.
단계 3: Pathfix OAuth2 API Connector Plugin을 설치하십시오
3.1 새 앱에서 Bubble.io 대시보드 왼쪽의 'Plugins'탭으로 이동하십시오.
3.2 이제 '+Add Plugins' 버튼을 클릭하여 사용 가능한 플러그인 목록을 표시하십시오.
3.3 'Pathfix OAuth2 API Connector'를 검색하고 설치하십시오.
단계 4: MongoDB에서 OAuth 2.0을 신청하십시오
4.1 MongoDB 서비스 계정의 OAuth 2.0 탭에 방문하십시오.
4.2 새 애플리케이션을 신청하십시오.
4.3 콜백 URL을 https://plugin.pathfix.com/oauth/ 로 설정하십시오.
단계 5: Bubble.io에서 Pathfix OAuth 2.0 플러그인을 설정하십시오
5.1 MongoDB OAuth 2.0 응용 프로그램에서 얻은 클라이언트 ID와 시크릿 키를 Bubble.io의 Pathfix 플러그인 설정에 붙여넣으십시오.
5.2 'Access Token Endpoint'는 https://oauth.mongodb.com/oauth2/token 으로 설정하십시오.
5.3 Scope를 openid로 추가하십시오.
5.4 'Userinfo' endpoint를 https://oauth.mongodb.com/oauth2/userinfo 로 설정하십시오.
5.5 이 설정을 저장하십시오.
단계 6: MongoDB에 연결을 설정하십시오
6.1 Bubble.io 응용 프로그램의 'Data and APIs'로 이동하십시오.
6.2 드롭다운에서 'GET'을 선택하십시오.
6.3 첫 번째 단계에서 얻은 MongoDB 연결 URL을 URL 섹션에 붙여넣으십시오.
6.4 링크의 해당 위치에 MongoDB 사용자 이름과 비밀번호를 입력하십시오.
6.5 'Authentication' 하단에 'Self-handled'를 선택하십시오.
6.6 'Token Expiry'에서 'none'을 선택하십시오.
6.7 'Token Request Method'를 'POST'로 설정하십시오.
6.8 이제 'Initialize API'를 클릭하면 연결이 성공적으로 이루어졌다는 메시지가 표시됩니다.
단계 7: 통합을 확인하십시오
7.1 연결을 설정한 후 마지막 단계는 통합이 성공적으로 이루어졌는지 확인하는 것입니다.
7.2 Bubble.io의 'API endpoints' 에서 새 endpoint를 만드십시오.
7.3 드롭다운에서 'GET'을 선택하십시오.
7.4 원하는 문서 경로와 함께 MongoDB 연결 URL을 붙여넣으십시오.
7.5 'Initialize API'를 클릭하면 모든 것이 올바르게 설정되어 있으면 MongoDB 컬렉션에 존재하는 문서 데이터를 반환하여 Bubble.io와 MongoDB 사이의 성공적인 연결과 통합을 확인합니다.
이제 Bubble.io 앱을 MongoDB와 성공적으로 통합했습니다. 이 연결을 사용하면 Bubble.io 앱에서 바로 여러 CRUD 작업을 수행할 수 있습니다.
시나리오: 온라인 소매 업체가 제품 관리 프로세스를 간소화하고자 합니다. 그들은 Bubble.io를 이용해 맞춤형 전자상거래 사이트를 만들고, 고객들이 제품을 검색하고 구매할 수 있게 합니다. 이 소매 업체는 자신들의 제품 데이터와 고객 거래 정보를 MongoDB에 자동으로 저장하여 더욱 철저한 분석과 추적을 원합니다.
해결책: Bubble.io를 MongoDB와 통합하기
전자 상거래 사이트 생성: 소매 업체는 Bubble.io를 사용하여 제품 목록, 쇼핑 카트, 체크아웃 워크플로우가 포함된 전자 상거래 사이트를 디자인합니다.
통합 설정: 소매업체는 Bubble.io에 MongoDB 플러그인을 설치하고 그들의 MongoDB 데이터베이스 정보를 이용해 설정합니다. 그들은 전자 상거래 사이트에서 거래가 완료될 때마다 트리거되는 워크플로우를 Bubble.io에서 설정합니다.
데이터 동기화 워크플로우: 고객이 구매를 완료하면 워크플로우가 실행됩니다. 제품 세부 정보와 고객 정보를 포함한 거래 데이터가 설정된 MongoDB 플러그인 동작을 이용하여 자동으로 MongoDB로 전송됩니다.
MongoDB에서의 데이터 관리: 소매 업체는 제품 데이터와 고객 거래를 저장하고 관리하기 위해 MongoDB를 사용합니다. 그들은 판매 추세, 고객 행동, 재고 수준을 분석하기 위해 쿼리를 실행할 수 있습니다.
모니터링 및 분석: 이 통합으로 인해 제품 데이터와 거래 기록을 MongoDB 내에서 원활하게 추적할 수 있습니다. 소매 업체는 자신들의 전자 상거래 사이트와 비즈니스 성과를 모니터링하면서 데이터 기반의 결정을 내릴 수 있게 됩니다.
혜택:
효율성: 데이터 저장 프로세스를 자동화함으로써 시간을 절약하고 수동 오류의 위험을 줄일 수 있습니다.
중앙집중화된 데이터: 모든 제품과 거래 데이터는 MongoDB에서 저장 및 관리되므로, 소매업체에게 신뢰할 수 있는 단일 데이터 소스를 제공합니다.
통찰력 있는 분석: 이 통합을 통해 판매 추세와 고객 행동에 대한 상세한 분석이 가능해지며, 이것은 비즈니스 성장에 대한 중요한 통찰력을 제공합니다.
데이터 인사이트: 소매 업체는 MongoDB에서 자신들의 비즈니스 성과를 분석하고 판매 추세와 고객 행동에 대한 인사이트를 얻을 수 있습니다.
Bubble.io 와 MongoDB를 통합함으로써 온라인 소매 업체는 제품과 거래 데이터를 효율적으로 관리하고, 비즈니스 성장을 위한 통찰력 있는 분석을 얻고, 궁극적으로 데이터 기반의 의사결정에 기여할 수 있습니다.
.svg)
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.
.svg)
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.
.svg)
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.
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.
.png)
.png)
