/No-Code Development Agency

Bubble.io에서 클라우드 저장 기능을 어떻게 통합하나요?

이 단계별 가이드를 통해 Bubble.io에서 클라우드 저장소 통합을 마스터하세요. 원활한 파일 관리를 활성화하고 앱의 기능을 향상시킵니다.

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에서 클라우드 저장 기능을 어떻게 통합하나요?

Bubble.io 애플리케이션에 클라우드 저장소 기능을 통합하는 방법은 Box와 같은 타사 서비스를 사용함으로써 가능합니다. 아래는 이 통합을 달성하기 위한 간단한 가이드입니다:

1단계: Box 플러그인 설치

  • Bubble.io 편집기 내에서 플러그인 탭으로 이동합니다.
  • Box plugin을 찾아 애플리케이션에 설치합니다.

2단계: Bubble에 저장소 서비스 구성

  • 애플리케이션에 File 또는 Picture Uploader 요소를 추가하는데, 이것은 사용자가 파일과 이미지를 업로드할 수 있게 해주는 Bubble의 내장 요소입니다.
  • 해당 요소의 Property Editor에서 "Storage service" 속성을 수정하고 Box를 선택합니다. 이렇게 하면 요소에 드롭된 파일이 Box에 업로드되도록 할 수 있습니다.

3단계: 개발을 위해 Box 설정

  • Box 개발자 콘솔에 방문하여 Box 계정으로 로그인하고 개발자로 설정 가능하게 합니다. 개별 계정을 보유하고 있어도 모든 사람이 개발자로 로그인할 때 엔터프라이즈 ID를 받기 때문에 엔터프라이즈 계정인 것처럼 단계를 따르게 됩니다.
  • Box 개발자 콘솔에 로그인한 후, '새 앱 생성'을 클릭하여 저장 기능을 설정하십시오.

4단계: 개인 정보 보호 규칙 생성(필요한 경우)

  • 업로드된 파일에 대한 개인 정보 보호 규칙을 설정하려면, Bubble.io 편집기에서 Data > Privacy 탭으로 이동합니다.
  • 파일이 공개되지 않는 한 올바른 권한이 있는 사용자만 첨부된 파일을 볼 수 있다는 점을 유념하십시오.

5단계: Box 폴더 경로의 활용

  • 업로드할 파일이 저장될 Box 계정의 대상 폴더를 지정합니다. 경로는 폴더 이름의 슬래시(/)로 구분된 목록입니다(예: My Folder/My Subfolder).

6단계: 데이터를 참조하기 위해 Bubble에서 Thing 생성

  • 파일이 Box에 업로드되더라도 업로드 과정을 Bubble에 업로드하는 것처럼 처리해야 합니다.
  • 업로드된 파일에 연결된 데이터를 참조할 수 있는 Bubble의 데이터베이스에 Thing을 만듭니다.

이 단계를 완료하면 Bubble.io 애플리케이션이 Box를 클라우드 저장소 공급자로 사용하게 되어 사용자가 Bubble 애플리케이션을 통해 지정된 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

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