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

1단계: Dropbox 앱 생성

Bubble.io와 Dropbox를 통합하기 전에 먼저 Dropbox 앱을 생성해야 합니다. 이를 위해 Dropbox Developers 웹사이트를 방문하고 계정에 로그인하십시오.

https://www.dropbox.com/developers/apps/create 로 이동

앱 생성 버튼을 클릭하십시오. 이 작업을 수행하면 애플리케이션 생성 페이지로 이동합니다. Scoped access를 선택하십시오. 다른 말로, 앱은 명시적으로 허용된 데이터에만 액세스하게 됩니다.

다음으로 앱이 액세스해야하는 데이터 유형을 선택하십시오. 전체 Dropbox 또는 앱 폴더를 선택하십시오. 예를 들어, 앱이 Dropbox의 모든 파일에 액세스하고 편집해야한다면 전체 Dropbox를 선택하십시오. 앱이 특정 폴더의 파일에만 액세스해야한다면 앱 폴더를 선택하십시오.

앱 이름 지정에 앱의 고유한 이름을 입력하십시오.

마지막으로 앱 생성 버튼을 클릭하여 앱 생성 과정을 완료하십시오.

2단계: 액세스 토큰 생성 및 복사

이제 Bubble.io 앱이 Dropbox에 액세스하기 위해 사용할 액세스 토큰을 생성해야합니다. 이 작업을 수행하려면 Dropbox의 앱 설정 페이지로 돌아가십시오.

https://www.dropbox.com/developers/apps 로 이동하고 앱 이름을 클릭하십시오

아래로 스크롤하고 OAuth 2 섹션을 찾습니다. Generated access token 섹션에서 Generate를 클릭하십시오. 액세스 토큰이 나타납니다.

이 페이지를 열어 두거나 액세스 토큰을 안전한 곳에 복사해두십시오. 나중에 Bubble.io를 설정할 때 필요합니다.

페이지를 떠나면 토큰이 다시 표시되지 않으므로 사용할 준비가 되었을 때만 토큰을 생성하는 것을 권장합니다.

3단계: Bubble.io 앱에 Dropbox 플러그인 추가

이제 Dropbox 앱을 생성하고 액세스 토큰을 획득했으므로 다음 단계는 Bubble.io 앱과 Dropbox를 통합하는 것입니다.

먼저 Bubble.io 계정에 로그인하고 Bubble 앱 대시보드로 이동하십시오. 거기서 왼쪽 메뉴의 플러그인 탭을 방문하십시오.

플러그인 탭에서 + 플러그인 추가를 클릭하십시오. 새 페이지에서 검색 창에 Dropbox를 검색하고 Bubble.io 앱에 추가하십시오.

같은 페이지 아래로 스크롤하면 Dropbox 플러그인의 설정 섹션을 볼 수 있습니다. 여기에 Dropbox 액세스 토큰을 추가하게 됩니다.

앞서 생성한 토큰을 액세스 토큰 필드에 붙여넣고 변경 사항을 저장하십시오.

4단계: Bubble.io 앱에서 Dropbox 액션 사용

Dropbox 플러그인을 앱에 추가하고 적절한 액세스 토큰을 제공한 후, 이제 Dropbox가 앱에 통합됩니다.

Bubble.io 앱에서 Dropbox 기능을 사용하려면 Bubble 앱 편집기로 이동하여 Dropbox 기능을 추가하려는 위치를 결정하고 그 요소에 새로운 워크플로우를 추가하십시오.

워크플로우 편집기에서 드롭다운 메뉴에서 플러그인을 선택하면 Dropbox 플러그인에서 제공하는 여러 Dropbox 액션을 찾을 수 있습니다. 이에는 파일 업로드, 파일 다운로드, 폴더 내용 나열 등이 포함되지만 이에 국한되지는 않습니다.

필요에 따라 액션을 선택하고 설정을 구성하십시오.

5단계: 통합 테스트

마지막으로 작업 테스트를 해서 Dropbox-Bubble.io 통합이 실제로 이루어지고 있는지 확인해야 합니다.

Bubble 앱의 설정 패널에서 일반으로 이동하십시오. 아래로 스크롤하고 개인 정보 섹션에서 이 앱의 권한 체크를 클릭하십시오.

만약 Dropbox가 올바르게 통합되고 올바른 권한이 부여되었다면 여기에 표시됩니다.

예를 들어, 파일을 Dropbox에 업로드하는 동작 같은 동작을 테스트하는 한 가지 방법은 액션을 포함하는 요소가 있는 Bubble.io 앱의 페이지로 이동하여 액션을 실행하고, Dropbox 계정에서 파일이 제대로 업로드되었는지 확인하는 것입니다.