Google은 흑인 공동체를 위한 인종적 평등을 추구하기 위해 노력하고 있습니다. 자세히 알아보기

Firebase JavaScript SDK 지원 환경

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

지원되는 환경

Firebase JavaScript SDK는 다음 환경에서 공식적으로 지원됩니다.

브라우저

Firebase 제품 가장자리 파이어폭스 크롬 iOS 사파리 원정 여행
해석학
입증
클라우드 파이어스토어
(제외하고
고집)

(제외하고
고집
iOS < 10인 경우)
클라우드 함수
Firebase 설치
클라우드 메시징
(Edge 17+, 모바일 제외)
클라우드 스토리지
성능 모니터링
실시간 데이터베이스
원격 구성

기타 환경

Firebase 제품 네이티브 반응 노드.js 크롬
확장
코르도바
해석학
입증
( 참고 참조)

( 참고 참조)

( 참고 참조)

( 참고 참조)
클라우드 파이어스토어
(제외하고
고집)

(제외하고
고집)
클라우드 함수
Firebase 설치
클라우드 메시징
클라우드 스토리지
(제외하고
업로드)
성능 모니터링
실시간 데이터베이스
원격 구성

폴리필

Firebase JavaScript SDK는 웹 플랫폼의 최신 표준을 기반으로 합니다. 일부 구형 브라우저 및 JavaScript 환경은 Firebase에 필요한 모든 기능을 지원하지 않습니다. 이러한 브라우저/환경을 지원해야 하는 경우 그에 따라 폴리필을 로드해야 합니다.

아래 섹션에서는 필요할 수 있는 대부분의 폴리필을 식별합니다.

필수 폴리필

환경 폴리필
사파리 7 & 8 & 9 ES 안정
노드 < 6.5 ES 안정

선택적 폴리필

환경 폴리필 Firebase 제품
  • 마디
  • 사파리 < 10.1
  • iOS < 10.3
술책
  • 클라우드 함수
  • 성능 모니터링

제안된 폴리필

폴리필 특허
ES 안정 MIT
술책 MIT

애플리케이션에 폴리필 추가

옵션 1 : (권장) Babel과 통합된 번들러 사용

번들러를 사용하는 경우 Babel@babel/preset-env 와 통합하여 폴리필을 가져옵니다.

Babel을 번들러와 통합하는 방법을 배우려면 Babel의 대화형 설정 가이드 를 사용하세요.

Babel을 사용하면 포함할 정확한 폴리필에 대해 걱정할 필요가 없습니다. 대신 지원해야 하는 최소 브라우저 환경을 지정합니다. 그런 다음 Babel은 필요한 폴리필을 추가합니다. Babel은 Firebase 또는 자체 코드가 새로운 ES 기능을 사용하기 시작하더라도 브라우저 지원에 대한 요구 사항이 항상 충족되도록 합니다.

@babel/preset-env 에는 환경 타겟 지정(옵션 targets ) 및 폴리필 추가(옵션 useBuiltIns )에 사용 가능한 구성 옵션에 대한 자세한 정보가 있습니다.

옵션 2 : (권장하지 않음) 수동으로 폴리필 추가

자주 사용하는 폴리필 라이브러리(예: core-js )를 사용하여 폴리필을 수동으로 추가할 수 있습니다.

import 'core-js/stable'
import 'cross-fetch/polyfill';

core-js 는 HTML 페이지에 직접 포함할 수 있는 일체형 폴리필 파일 도 제공합니다.

이 옵션은 Babel을 사용하지 않는 경우 폴리필을 관리하는 편리한 방법이 될 수 있습니다. 그러나 프로덕션 앱에는 이 올인원 옵션을 권장하지 않습니다. 불필요한 폴리필이 포함되어 페이지 무게와 페이지 로드 시간이 증가할 수 있기 때문입니다.