EN

페이지 4: 데이터 통합: Firebase 및 API 연동

4. 데이터 통합: Firebase 및 API 연동

동적이고 데이터 기반의 앱을 위해서는 외부 데이터 소스를 통합하는 것이 필수적입니다. Thunkable은 Firebase 및 API와의 원활한 통합을 제공합니다.

4.1. Firebase 실시간 데이터베이스 연결

Firebase 실시간 데이터베이스를 사용하면 데이터를 실시간으로 저장하고 동기화할 수 있습니다. 연결 방법:

  1. Firebase 프로젝트 콘솔로 이동하여 실시간 데이터베이스를 생성합니다.
  2. Thunkable에서 "데이터 및 클라우드" 섹션에서 "Firebase Realtime DB" 컴포넌트를 추가합니다.
  3. 속성에서 Firebase API 키와 데이터베이스 URL을 입력합니다.

이제 블록 탭에서 Firebase 블록을 사용하여 특정 데이터 경로에서 값 저장, 값 가져오기 또는 변경 사항 수신 대기를 할 수 있습니다.

저장 버튼 클릭 시
  Firebase_RTDB1에 값 Text_Input1의 텍스트를 "users/username" 경로에 저장

4.2. REST API 사용

API(애플리케이션 프로그래밍 인터페이스)를 통해 앱은 다른 서비스와 통신할 수 있습니다. Thunkable의 "Web API" 컴포넌트를 사용하면 이를 쉽게 수행할 수 있습니다.

  1. "데이터 및 클라우드"에서 "Web API" 컴포넌트를 추가합니다.
  2. 속성에서 API 엔드포인트의 URL을 설정합니다.
  3. 블록 탭에서 Web_API1 GET 호출 또는 Web_API1 POST 호출과 같은 블록을 사용합니다.
  4. 반환된 데이터를 처리하려면 Web_API1 GET이 JSON을 수신할 때 이벤트를 처리합니다.

예시: 공용 API에서 데이터 가져오기

가져오기 버튼 클릭 시
  Web_API1 GET 호출

Web_API1 GET이 JSON을 수신할 때
  결과 레이블의 텍스트를 응답으로 설정

적절한 블록(예: JSON에서 객체 가져오기)을 사용하여 JSON 응답을 파싱하는 것을 잊지 마세요.

Contact Us