.gif)
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을 통합함으로써, 컨설팅 회사는 고객 상담 관리 과정을 크게 향상시키고 단순화할 수 있으며, 원활한 작업과 더 나은 고객 경험을 보장하면서도 상담 세션의 자동화와 효율적인 예약이 가능해집니다.
.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.
