/Bubble Development Agency

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

Bubble.io를 Box와 통합하기 위한 쉽게 따를 수 있는 단계를 발견하세요. 오늘부터 워크플로우를 향상시키고 파일을 원활하게 보호하세요.

Box란 무엇인가요?

상자는 기업을 위한 클라우드 콘텐츠 관리 및 파일 공유 서비스입니다. 이를 통해 사용자는 파일을 안전하게 저장, 공유 및 관리할 수 있습니다. 이 플랫폼은 문서 처리, 실시간 협업 및 프로젝트 관리 도구와 같은 기능을 제공합니다. 다양한 파일 형식을 지원하며 다른 클라우드 기반 애플리케이션과 통합될 수 있습니다. 상자를 사용하면, 조직은 데이터 관리 및 준수 제어를 구현할 수도 있습니다. 따라서 민감한 정보가 보호받으며, 인증된 사용자만이 접근할 수 있습니다.

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와 Box을 통합하는 방법은 무엇인가요?

1 단계: Bubble.io 통합 시작하기

Bubble.io를 Box와 통합하려면 Bubble.io 계정과 Box 계정이 모두 필요합니다. Box 계정이 없다면 www.box.com에서 무료로 생성할 수 있습니다. 반면에 Bubble.io 계정이 없다면 www.bubble.io에서 무료로 생성할 수 있습니다.

2 단계: Box 앱 설정

  • Box 개발자 (developers.box.com)로 이동하여 새 앱 생성을 클릭합니다.
  • 맞춤형 앱을 선택하고 다음을 클릭합니다.
  • 보안 유형으로 OAuth 2.0 with JWT (Server Authentication)을 선택하고 다음을 클릭합니다.
  • 애플리케이션에 알맞은 이름을 지정한 후 앱 생성을 클릭합니다.
  • 앱을 생성 한 후 페이지가 표시됩니다. 앱 보기을 클릭합니다.
  • 앱 페이지에서 client_id, client_secret, public_key_idJWT_key와 같은 중요한 세부 정보가 표시됩니다. 이것들을 Bubble.io를 설정하는데 사용합니다.
  • 아래로 스크롤하고 공개 키 추가 및 관리을 클릭합니다. 공개 키 아래에서 + 버튼을 클릭하여 키를 추가합니다. 이는 나중에 사용할 공개 키 ID를 생성합니다.
  • 하단에서 OAuth 2.0 자격 증명 섹션에서 client_idclient_secret을 볼 수 있습니다.

3 단계: 공개 키 생성

Bubble.io에서 Box를 통합하려면 공개 키가 필요합니다. 아래 단계를 따라 공개 키를 생성합니다:

  • 터미널을 열고 키를 저장하려는 위치로 이동합니다.
  • openssl genrsa -aes256 -out private_key.pem 2048를 실행하여 개인 키를 생성합니다.
  • openssl rsa -pubout -in private_key.pem -out public_key.pem을 실행하여 공개 키를 생성합니다.
  • 텍스트 에디터에서 public_key.pem 파일을 열고 내용을 복사합니다.

4 단계: Box 구성 설정

  • Box 개발자 콘솔의 앱 페이지로 돌아갑니다.
  • 공개 키를 공개 키 필드에 붙여넣고 변경 사항을 저장합니다. 이렇게 하면 public_key_id가 생성됩니다.
  • Application Access로 이동하고 Enterprise를 선택합니다.
  • Advanced Features에서 Perform Actions as UsersGenerate User Access Tokens가 모두 선택되어 있는지 확인합니다.
  • 마지막으로 Save Changes를 클릭합니다.

5 단계: Bubble.io 환경 구성

  • Bubble 어플리케이션을 열고 플러그인 > 플러그인 추가로 이동합니다.
  • Box를 검색하고 설치를 클릭합니다.
  • 이제 Settings > General > API Keys > Box로 이동합니다.
  • 앞에서 Box 앱 설정에서 얻은 client_id, client_secret, public_key_id, JWT_key를 Bubble.io의 해당 필드에 붙여넣습니다.

6 단계: 스코프 관리

  • Box 앱 콘솔로 돌아갑니다.
  • Scopes에서 다음이 체크되어 있는지 확인합니다: 사용자 관리, Box에 저장된 모든 파일 및 폴더 읽기 및 쓰기, 모든 그룹 읽기 및 쓰기, 모든 사용자 정보 읽기 및 쓰기.
  • Application Scopes에서 기업 속성 관리를 체크합니다.

7 단계: 통합 테스트

  • 이제 Box를 사용하여 Bubble에서 워크플로우를 만들 수 있습니다. 모든 것이 올바르게 이루어졌는지 테스트하기 위해, Bubble.io에서 간단한 사용자 등록 워크플로우를 생성하고 Box 동작을 이용해 사용자의 데이터를 저장할 수 있습니다.
  • 애플리케이션을 실행하여 작동하는지 확인합니다. 인증 성공시, Bubble.io를 통해 Box에 있는 항목에 대해 작업을 수행할 수 있어야 합니다.

참고: 위의 단계는 서버 측 (백엔드) 작업을 사용하여 Bubble.io를 Box에 연결하도록 설정하는 방법을 보여줍니다. 사용자의 브라우저에서 직접 API 호출을 하려는 경우에는 다른 단계가 필요할 수 있습니다.

이 비밀 키들을 개인적이고 안전하게 보관하세요, 이들은 Box 계정의 완전한 제어를 가능하게 합니다. 이 키들에 접근 가능한 사람들은 모두 데이터를 조작할 수 있습니다.

Bubble.io와 Box 통합 사용 사례

사용 사례: 시나리오: 소프트웨어 개발 회사가 프로젝트를 운영하고 있으며, 이 프로젝트는 여러 팀원들이 지속적으로 다양한 파일을 업로드, 다운로드, 업데이트해야 합니다. 그들은 Bubble.io를 통해 맞춤형 프로젝트 관리 플랫폼을 생성하여 다양한 작업, 스프린트, 워크플로우를 관리하고 있습니다. 하지만 이 플랫폼 내에서 팀원들간의 파일 공유를 효과적으로 관리하는 방법을 찾고 있습니다.

해결책: Bubble.io와 Box 통합

클라우드 저장소: 회사는 프로젝트에 필요한 모든 파일을 업로드하기 위해 Box에 중앙 집중식 클라우드 저장소를 만듭니다. 각 팀원은 Box 저장소에 접근 권한을 받아서 자신의 요구에 따라 파일을 업로드하거나 다운로드할 수 있습니다.

통합 설정: 팀은 Bubble.io에 Box 플러그인을 설치하고 Box API 키를 이용하여 구성합니다. 특정 작업이 생성되거나 완료될 때 트리거되는 워크플로우를 Bubble.io에서 설정합니다.

데이터 동기화 워크플로우: 특정 파일이 필요한 작업이 생성되면 워크플로우가 트리거됩니다. 설정된 Box 플러그인 동작을 사용하여 관련 파일이 자동으로 Box에서 불러와집니다. 그런 다음 해당 파일이 작업에 첨부됩니다.

작업 완료와 파일 업데이트: 팀원이 작업을 완료하고 파일에 변경사항을 만들면, 업데이트된 파일이 워크플로우를 사용하여 자동으로 Box 저장소에 푸시됩니다. 이로 인해 팀의 모든 멤버가 최신 파일 버전에 접근할 수 있게 됩니다.

Bubble.io에서의 협업: 팀은 Bubble.io를 사용하여 작업을 관리하고, 진행 상황에 대해 커뮤니케이션하며 Box 통합으로 파일을 관리할 수 있습니다. 이는 프로젝트 워크플로우를 단순화하는 것 뿐만 아니라 모든 프로젝트 자료를 한 곳에 보관함으로써 협업을 촉진합니다.

모니터링 및 분석: 자동화된 시스템을 통해 파일 추가, 접근, 수정을 원활하게 추적할 수 있습니다. 회사는 프로젝트의 진행 상황과 참여자들의 기여를 실시간으로 모니터링할 수 있습니다.

장점들:

효율성: Bubble.io와 Box를 통합함으로써 회사는 수동 파일 교환의 필요성을 제거하고 생산성을 향상시킵니다.

중앙 집중화된 데이터: 이 솔루션은 모든 프로젝트 파일에 대한 중앙 저장소를 제공하며, 모든 팀원이 액세스할 수 있습니다.

협업: 팀은 통합된 플랫폼을 사용하여 효과적으로 파일을 공유, 협업하고 소통할 수 있습니다.

데이터 통찰력: 회사는 실시간 활동을 모니터링하고 데이터를 기반으로한 결정을 내려 프로젝트 관리 전략을 최적화할 수 있습니다.

Bubble.io를 Box와 통합함으로써, 소프트웨어 개발 회사는 프로젝트 파일과 워크플로우를 쉽게 관리하고 팀 협업을 강화하며 효율적인 프로젝트 운영을 보장하고, 결국 더 나은 결과를 달성할 수 있습니다.

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

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