본문 바로가기
버블 개발/초급

76. Event (초급) : 버블 워크플로우 이벤트 정의, 프론트, 백엔드 이벤트

by 스타트업 사업가 마르코 2023. 8. 11.
이 섹션에서는 워크플로를 시작하는 트리거인 이벤트에 대해 설명합니다.

 

(1) 이벤트 정의

: 이벤트는 앱의 프런트엔드백엔드 부분 모두에서 발생할 수 있습니다.

 

이 개념에 익숙하지 않은 경우 해당 주제의 글을 먼저 읽는 것이 좋습니다.

21. Bubble frontend & backend (중급): 버블 백엔드 활성화 설정, 프런트엔드 & 백엔드 > 바로가기
모든 워크플로는 이벤트에 의해 트리거되는 하나 이상의 Action 모음입니다.
즉, 이벤트는 워크플로에서 하나 이상의 Action을 실행하는 시작점입니다.

버블 워크플로우의 개념
버블 워크플로우의 개념

 

  • 위의 다이어그램에서 볼 수 있듯이 모든 워크플로는 이 두 단계로 구성되지만 이러한 단계의 작동 방식은 매우 유연하여 여러 가지 상황을 설정할 수 있습니다.
  • 이 문서에서는 이벤트가 트리거될 수 있는 다양한 조건에 대해 설명합니다.

이벤트에 액션 추가하기
이벤트에 액션 추가하기

 

  • 워크플로 편집기에서 이벤트를 클릭하면 이벤트가 트리거 될 때마다 실행할 작업이 표시되고 추가할 수 있습니다.
    • 이벤트는 정사각형의 박스 형태로 When으로 시작합니다.
    • 이벤트를 클릭시 바로 밑에 해당 Action들이 나열됩니다.
    • Action의 실행은 왼쪽에서부터 오른쪽으로 순차적으로 실행됩니다.

 

(2) 프런트엔드 및 백엔드 이벤트

프런트엔드 및 백엔드 이벤트는 한 가지 점에서 다릅니다. 프런트엔드 이벤트는 사용자의 장치에서 트리거 되는 이벤트를 나타내고 백엔드 이벤트는 서버에서 트리거 되는 이벤트를 나타냅니다.
  • 이벤트는 워크플로를 트리거하는 항목을 나타냅니다.
  • 사용자의 장치(프론트엔드)에서 트리거(시작)된 워크플로는 언제든지 서버(백엔드)의 작업들로 이어질 수 있습니다.

 

1. 프런트엔드 이벤트

프런트엔드 이벤트는 사용자의 페이지에서 발생하는 트리거입니다. 항상 그런 것은 아니지만 종종 사용자에 의해 시작됩니다. 프런트엔드 이벤트는 페이지가 열려 있는 동안만 트리거 됩니다.

 

 

79. Frontend events (중급) : 버블의 프론트엔드 이벤트, 오류 이벤트 잡기, 알림 설정, catch an error event

이 섹션에서는 사용자 페이지에서 트리거 되는 이벤트인 프런트엔드 이벤트를 다룹니다. 프런트엔드 이벤트는 페이지에서 발생하는 트리거이고 항상 그런 것은 아니지만 종종 사용자가 시작합

conversion-skill.tistory.com

 

: 프런트엔드 이벤트는 다음의 세 가지 범주로 분류됩니다.

 

1) element 이벤트 (자세한 설명은 위의 frontend events 글 참고)

  • element와 관련된 모든 이벤트(예: 클릭됨)

2) 일반 이벤트 (자세한 설명은 위의 frontend events 글 참고)

  • 일반 이벤트는 사용자가 로그인(또는 로그아웃)하거나 조건부 동적 표현식이 true가 되는 경우와 같이 앱의 일반 속성이 변경되는 즉시 트리거됩니다.

3) 사용자 정의 (Custom) 이벤트  (자세한 설명은 아래 글 참고)

  • 사용자 정의 이벤트는 여러 위치에서 사용하는 워크플로가 중복되지 않도록 다른 워크플로에서 트리거할 수 있는 이벤트입니다. 사용자의 정의에 따라 만들 수 있습니다.
  • 프런트엔드 이벤트는 서버에서 발생하는 Action으로 이어질 수 있지만 이벤트 (또는 트리거)는 사용자 페이지에서 발생합니다.
  • 비동기 이벤트 구현시 Custom event 글을 참고하세요

 

 

78. Custom Events (중급) : 버블 사용자 정의 이벤트 만들기, 반복작업 피하기, 워크플로우 비동기 설

이 섹션에서는 Custom Event(사용자 정의) 이벤트에 대해 다룹니다. 이 문서에서는 프런트엔드 사용자 지정 이벤트를 다룹니다. 백엔드에서 사용할 수 있는 사용자 지정 이벤트도 있습니다. 워크플

conversion-skill.tistory.com

 

  • 반복 이벤트 구현시 아래의 글 참고 

 

 

77. Recurring workflows (초급) : 프론트 워크플로우에서 반복 이벤트 만들기

이 섹션에서는 반복되는 클라이언트 측 워크플로 설정을 다룹니다. 일정하게 설정된 간격으로 워크플로를 여러 번 실행해야 하는 경우, 5초마다 실행 이벤트를 사용합니다. (아래 사진) 시간 간

conversion-skill.tistory.com

 

2. 백엔드 이벤트

1) 백엔드 이벤트는

  • 서버에서 발생하는 트리거입니다.
  • 예약된 이벤트, 일정 간격으로 반복되도록 설정된 이벤트, 데이터베이스에서 변경될 때 또는 외부 앱의 API 요청으로 트리거 됩니다. 백엔드 이벤트는 사용자페이지가 열려 있는지 여부와 관계없이 트리거됩니다.

2) 일반 이벤트 - 일반 이벤트는 다음 중 하나에 의해 트리거됩니다.

  • 앱 내부 또는 외부 앱에서 오는 API 요청
  • 특정 시간에 실행되도록 예약된 반복 요청
  • 매주 같은 특정 시간 간격으로 실행 요청
  • 데이터베이스에서 특정 변경이 발생하는 경우 트리거 되는 데이터베이스 트리거 이벤트

3) 사용자 지정(Custom) 이벤트

  • 사용자 지정 이벤트는 여러 위치에서 사용하는 워크플로가 중복되지 않도록 다른 워크플로에서 트리거할 수 있는 이벤트입니다. 사용자의 정의에 따라 만들 수 있습니다.
 

80. Backend event(중급) : 프론트엔드와 백엔드 차이점, 특정시간에 이벤트 예약, 외부의 API 호출로

이 섹션에서는 서버에서 트리거 되는 이벤트인 Bubble의 백엔드 이벤트를 다룹니다. 백엔드 이벤트는 Bubble의 서버에서 발생하는 트리거입니다. 이것은 다음과 같은 조건들에 의해 트리거 될 수

conversion-skill.tistory.com

 

 

81. Database trigger events (중급) : 백엔드의 데이터베이스 트리거 이벤트 생성, 이벤트 중지 사유, 이

이 섹션에서는 데이터베이스의 일부 특정 데이터가 변경될 때마다 트리거 되는 이벤트인 데이터베이스 트리거 이벤트에 대해 설명합니다. 데이터베이스 트리거 이벤트는 데이터베이스의 특정

conversion-skill.tistory.com