Bubble.io를 Zoom과 통합하는 방법에 대한 사용자 친화적인 안내서를 탐색하여 앱 설계 과정과 비디오 커뮤니케이션을 단순화하세요.
Zoom은 가상 회의, 온라인 코스, 웹 세미나 및 모바일 협업을 용이하게 하기 위해 설계된 클라우드 기반 비디오 회의 서비스입니다. 사용자는 비디오 유무에 관계없이 온라인으로 만날 수 있습니다. Zoom 사용자는 세션을 녹화하고, 프로젝트를 함께 진행하며, 서로의 화면에 주석을 달거나 공유하는 등을 선택할 수 있으며, 이 모든 것을 쉽게 사용할 수 있는 플랫폼으로 제공합니다. 2011년에 설립된 이 서비스는 그 유연성과 사용 편의성으로 기업과 교육자들 사이에서 인기 있는 선택이 되었습니다.
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단계 - Zoom 개발자 계정 생성
처음으로 Zoom 개발자 계정을 가지고 있어야 합니다.
Zoom 개발자 웹사이트로 이동하여 우측 상단의 Build App 버튼을 클릭합니다. 이를 통해 Zoom 계정으로 로그인하거나 새 계정을 등록할 수 있습니다. 이 계정이 애플리케이션 제작을 허용하는 Zoom 구독과 연결되어 있어야 합니다.
2단계 - Zoom에서 앱 생성
개발자 계정으로 로그인하면 상단 메뉴의 Develop을 클릭하고, 그다음 Build App을 클릭합니다. 이를 통해 App Marketplace로 리디렉션됩니다.
이제 OAuth app이나 JWT app 중에서 선택할 수 있습니다. 여기서는 OAuth App을 선택합니다.
앱에 이름을 부여하고, User Level 앱을 선택한 후 Create를 클릭합니다.
3단계 - Zoom 앱 설정 작업
신규로 만들어진 Zoom 애플리케이션에서 App Credentials 탭을 클릭합니다.
여기에서 나중에 필요한 Client ID와 Client Secret을 찾을 수 있습니다.
Redirect URL for OAuth 섹션으로 스크롤 다운하고 Bubble API Connector Redirect URL을 입력합니다. (Bubble API Connector에서 찾을 수 있으며, 보통 https://your-bubble-app-domain.bubbleapps.io/api/1.1/oauth_redirect 형식을 따릅니다.)
4단계 – 앱 로컬에 설치하기
Zoom 설정의 Local Test 섹션으로 이동해 Install을 클릭합니다.
Bubble 앱으로 링크를 열어 확인하는 팝업이 나타날 것입니다, Open Bubble을 클릭합니다.
5단계 - Bubble API Connector 설정
Bubble 계정으로 로그인하고, 통합 설정을 원하는 페이지로 이동합니다. Plugins -> Add plugin -> API Connector를 검색합니다.
API Connector에서 새로운 API를 추가하고 이름을 지정합니다. 인증 섹션에서 OAuth2를 타입으로 설정하고 유저에이전트 타입으로 설정합니다.
이제 다음 항목들을 입력합니다:
.png)
.png)
Client ID와 Client Secret - Zoom 앱에서 복사해서 붙여넣습니다.Access Token Endpoint - https://zoom.us/oauth/token 으로 설정합니다.Scope - 입력해야 할 scope들이 있습니다.기능에 필요한 scope을 추가하기 위한 자세한 정보는 https://marketplace.zoom.us/docs/guides/auth/oauth을 참조하세요.
그런 다음, Initialize API 버튼을 클릭합니다.
6단계 – API 테스트
API를 성공적으로 초기화한 후, 새로운 호출을 생성합니다.
API에 이름을 제공하고, Data type을 GET으로 선택하고, API URL을 설정합니다. (특정 호출에 대한 Zoom API 문서에서 API URL을 얻을 수 있습니다. 즉, 회의를 생성하기 위해 URL은 'https://api.zoom.us/v2/users/me/meetings'가 될 것입니다.)
Headers 섹션에서, 키로 Authorization을 추가하고 값으로는 Bearer <<access token>>를 추가합니다.
Initialize Call 버튼을 클릭한 다음 Save를 클릭합니다.
7단계 - 앱에서 API 호출 사용
Bubble 앱에서 API 호출을 사용할 수 있습니다. 사용하려면, 트리거의 워크플로우 (예: 버튼 클릭) 로 이동하여 동작을 Plugins -> [Your API Call]로 선택합니다.
그게 다입니다! 이제 Zoom을 Bubble.io와 통합할 수 있습니다.
Zoom 앱의 권한을 항상 확인하여 데이터 정책을 위반하지 않는지 확인해야 합니다. API가 예상대로 작동하는지 확인하기 위해 앱을 철저히 테스트하세요.
참고로, 일부 작업은 다른 헤더나 API URL을 필요로 할 수 있습니다, 특정 API 호출에 대한 참조는 Zoom API 문서를 참조하세요.
시나리오: 컨설팅 회사가 고객 상담 예약 및 회의 과정을 개선하고 자동화하려고 합니다. 그들은 Bubble.io를 사용하여 고객들이 달력에서 상담 세션을 예약할 수 있는 웹 애플리케이션을 개발합니다. 모든 예약된 약속은 Zoom 회의로 예약되어야 하며, 이는 애플리케이션을 통해 직접 관리하고 접근할 수 있어야 합니다.
해결책: Bubble.io와 Zoom을 통합
약속 예약 애플리케이션: 컨설팅 회사는 고객들이 예약할 수 있는 달력 시스템을 포함한 애플리케이션을 Bubble.io로 개발합니다. 고객들은 자신이 선호하는 상담 세션 시간과 이름, 연락처, 상담 유형 등 필요한 세부 정보를 입력합니다.
통합 설정: 컨설팅 회사는 Bubble.io에 Zoom 플러그인을 추가하고 Zoom API 키와 연동합니다. 그들은 애플리케이션에서 예약이 이루어질 때 활성화되는 작업 흐름을 Bubble.io에서 설계합니다.
Zoom 회의 일정 작업 흐름: 고객이 상담 세션을 예약하면 작업 흐름이 시작됩니다. 예약 세부 정보(예: 고객 이름, 상담 유형, 세션 타이밍)는 사전 설정된 Zoom 플러그인 동작을 사용하여 자동으로 Zoom에 전송됩니다. 고객이 선호하는 세션 타이밍에 따라 새로운 Zoom 회의가 예약되고 고유한 회의 링크가 생성됩니다.
Zoom 회의 링크: Zoom 회의 링크는 Bubble.io 애플리케이션에 저장되며, 세션을 예약한 고객에게 제공됩니다. 그들은 애플리케이션에서 링크를 클릭하여 직접 회의에 참석할 수 있습니다.
Zoom 회의 관리: 컨설팅 회사는 모든 Zoom 회의를 Bubble.io 애플리케이션에서 직접 관리할 수 있고, 모든 예약된 세션, 고객 정보, 상담 유형을 하나의 통합된 곳에서 접근할 수 있습니다.
장점:
효율성: 이 통합은 Bubble.io 애플리케이션에서 직접 Zoom 회의의 예약과 관리를 자동화함으로써 시간과 자원을 절약할 수 있습니다.
개선된 사용자 경험: 고객들은 예약부터 상담 참가까지의 과정이 개선되고 단순화된 경험을 누릴 수 있습니다.
조직화: 컨설팅 회사는 모든 상담 세션과 고객 정보를 효과적으로 추적할 수 있어, 예약 충돌이나 의사소통의 실수 위험을 줄이면서 원활한 작업을 보장할 수 있습니다.
고객 참여: 이 통합 예약 및 회의 솔루션은 고객에게 원활하고 전문적인 경험을 보장함으로써 참여를 높이고 잠재적인 사업 성장을 도모합니다.
Bubble.io와 Zoom을 통합함으로써, 컨설팅 회사는 고객 상담 관리 과정을 크게 향상시키고 단순화할 수 있으며, 원활한 작업과 더 나은 고객 경험을 보장하면서도 상담 세션의 자동화와 효율적인 예약이 가능해집니다.
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.
