/Bubble Development Agency

Bubble.io와 Webex by Cisco 통합: 단계별 가이드 2024

Cisco의 Webex와 Bubble.io를 효과적이고 원활하게 통합하는 과정을 배우기 위한 우리의 간편한 단계별 가이드를 탐색해 보세요.

Webex by Cisco란 무엇인가요?

Cisco의 Webex는 온라인 비디오 회의, 팀 협업, 웹 세미나, 그리고 온라인 교육을 위해 설계된 응용 프로그램 스위트입니다. HD 비디오, 오디오, 화면 공유, 실시간 채팅, 그리고 녹화 옵션 등 다양한 기능을 제공하며, 이는 원격 근무자들 사이의 가상 회의나 팀워크를 위해 이상적입니다. Webex는 또한 데스크탑과 모바일 기기를 위한 앱을 제공하며, 사용자가 어디서나 회의에 참석할 수 있도록 합니다. 그것의 보안 조치, 규정 준수, 그리고 확장성은 기업들 사이에서 인기 있는 선택이 되게 합니다.

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

단계 1: 통합 준비
우리가 무엇을 하기에 앞서, 모든 필요한 접근 권한과 정보를 가지고 있는지 확인해야 합니다. 유효한 Cisco Webex 계정과 Bubble.io 계정이 필요합니다. 계정이 없다면 생성하세요. 통합에는 Webex에서 생성된 액세스 토큰이 필요합니다.

단계 2: Webex에서 액세스 토큰 생성
우리는 Cisco Webex에서 액세스 토큰을 생성하는 것으로 시작할 것입니다. 액세스 토큰은 API 호출을 위한 키이며, 이 경우에는 Bubble.io와 Webex를 연결하는 데 사용할 것입니다.

액세스 토큰을 얻는 방법:

  • Webex 계정에 로그인하세요.
  • developer.webex.com에서 개발자 문서 페이지로 이동하세요.
  • Authentication 섹션을 찾아 보세요, 여기에 Copy Access Token이라는 버튼이 있습니다, 이를 클릭하여 토큰을 복사하세요.
  • 그것을 안전한 곳에 저장하세요, 곧 필요하게 될 것입니다.

단계 3: Bubble.io에서 API 호출 설정
토큰이 준비되었다면, 통합을 설정하기 위해 Bubble.io 플랫폼으로 이동할 수 있습니다.

  • Bubble.io 계정에 로그인하세요.
  • Bubble.io에서 데이터 > API 섹션으로 이동하세요.
  • ADD ANOTHER API 버튼을 사용하여 새 API를 추가하세요.
  • 그것에 이름을 붙여보세요, 예를 들면, Webex.

단계 4: Bubble.io에서 API 인증 및 구성
다음 단계는 API를 Webex와 연결하기 위해 구성하는 것입니다.

  • API Configuration에서 AuthenticationBearer Token으로 설정하세요.
  • Webex 계정에서 복사한 액세스 토큰을 Bearer Token 필드에 붙여넣습니다.
  • Shared Headers, Private Key, 그리고 Shared Parameters는 현재로서는 필요하지 않으므로 그대로 두세요, 이 통합에 사용할 필요는 없습니다.

단계 5: API 엔드포인트 설정
다음으로, API 엔드포인트를 지정해야 합니다.

  • Bubble.io 대시보드의 Data > API 섹션에서 APIs 탭으로 이동하세요.
  • 새 API 엔드포인트를 추가하세요.
  • Use as Action 필드에 API 엔드포인트에 필요한 동사(POST, GET, PUT, DELETE 등)를 입력하십시오.
  • Path에는 접속하려는 엔드포인트의 상대 경로를 입력하세요.

단계 6: API 테스트
이제 API가 작동하는지 테스트를 해봅니다.

  • Initialize Call 버튼을 클릭하여 API 호출을 테스트하세요.
  • 설정이 올바르다면, 성공한 응답을 볼 수 있습니다, 이는 API 호출이 성공적으로 작동하고 있음을 나타냅니다.

단계 7: API 활용
테스트 이후에 API가 Bubble.io 앱에서 사용 가능하게 됩니다.

Workflow 섹션에서 액세스하고 Add an action > Plugins > Webex에서 선택할 수 있습니다. 이제 Webex API에 따라 생성, 업데이트, 삭제, 정보 획득 등의 작업을 수행하기 위해 API 호출을 활용할 수 있습니다.

단계 8: 저장 및 배포
API를 설정하고 작동하는 것을 확인한 후에 최종 단계는 변경사항을 저장하고 앱을 배포하는 것입니다. 이를 통해 변경 사항이 적용됩니다.

액세스 토큰에는 만료 기간이 있습니다. 따라서 유효 기간이 지난 후에는 Webex 계정에서 새로 고침하고 Bubble.io에서 업데이트해야 합니다.

이 가이드는 API를 사용하여 Bubble.io와 Cisco Webex 간의 기본 통합을 수행하는 방법을 보여줍니다. 구체적인 필요에 따라 실제 단계는 약간 달라질 수 있으며, 다른 API 엔드포인트나 메소드를 사용해야 할 수 있습니다.

Bubble.io와 Webex by Cisco 통합 사용 사례

시나리오: 온라인 교육 플랫폼이 실시간 웨비나르 일정을 짜고 진행하는 과정을 간소화하려고 합니다. 그들은 학생들이 다가오는 웨비나르를 보고 등록할 수 있는 맞춤 페이지를 자신들의 플랫폼에 만드는 데 Bubble.io를 사용합니다. 또한 이러한 실시간 웨비나르를 실시하기 위해 Cisco의 Webex를 사용합니다. 그들은 웨비나르의 등록과 진행 과정이 학생과 교사 모두에게 자동적이고 원활하게 진행되기를 원합니다.

해결책: Bubble.io와 Cisco의 Webex 통합

맞춤 페이지 생성: 교육 플랫폼은 Bubble.io를 이용해 다가오는 웨비나르 목록이 포함된 맞춤 페이지를 설계합니다. 이 페이지에는 학생들이 관심 있는 웨비나르에 등록할 수 있는 등록 양식도 포함됩니다.

통합 설정: 플랫폼은 Bubble.io에 Webex 플러그인을 설치하고 자신의 Webex API 키로 설정합니다. 그들은 학생이 웨비나르에 등록할 때 트리거될 작업흐름을 Bubble.io 내에서 설정합니다.

등록 작업흐름: 학생이 웨비나르에 등록하기 위해 양식을 작성하면 작업흐름이 트리거 됩니다. 학생의 정보(예: 이름, 이메일, 웨비나르 제목)는 설정된 Webex 플러그인 액션을 사용하여 Webex로 전송됩니다. 그런 다음 해당 웨비나르에 대한 초대장이 Webex에 의해 학생에게 자동으로 보내집니다.

Webex에서 웨비나르 실시: 교사는 Webex를 사용하여 실시간 웨비나르를 진행합니다. 웨비나르에 등록한 학생들은 초대장에 제공된 링크를 통해 쉽게 참여할 수 있습니다.

모니터링 및 분석: 통합을 통해 Webex 내에서 웨비나르 등록과 참여를 원활하게 추적할 수 있습니다. 교육 플랫폼은 웨비나르의 인기도, 참여도를 모니터링하고, 데이터를 기반으로 콘텐츠와 전략을 개선하는 결정을 내릴 수 있습니다.

장점:

  • 효율성: 웨비나르 등록 과정을 자동화하면 시간을 절약하고 수동 오류의 가능성을 줄일 수 있습니다.
  • 학생 경험: 통합은 학생들에게 웨비나르 등록부터 참여까지 간단하고 통합적인 경험을 제공합니다.
  • 간편한 관리: 모든 웨비나르 정보와 데이터가 한 곳에 저장되어 플랫폼이 웨비나르를 관리하기 쉽습니다.
  • 데이터 인사이트: 플랫폼은 Webex의 등록과 참여 패턴을 분석하여 그들의 관중에게 잘 작용하는 것이 무엇인지에 대한 통찰을 얻을 수 있습니다.

Bubble.io와 Webex를 통합함으로써, 온라인 교육 플랫폼은 웨비나르 관리를 효율적으로 할 수 있으며, 원활한 학생 경험을 제공하고, 지속적으로 개선하기 위한 중요한 통찰을 얻을 수 있습니다.

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

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