Catch up on everthing we announced at this year's Firebase Summit. Learn more

JavaScript 프로젝트에 Firebase를 추가하는 다른 방법

대부분 중포 기지 웹은 우리가 강력하게 사용하는 것이 좋습니다 애플 리케이션 NPM을 통해 SDK 버전 9를 . 그러나, 특별한 요구 사항이있는 사용자, 중포 기지 대체 제공하는 SDK를 추가 할 수있는 방법을 . 이 페이지에서는 다음과 같은 대체 방법에 대한 자세한 설정 지침을 제공합니다.

  • CDN(콘텐츠 전송 네트워크)
  • Node.js 앱용 npm

이러한 방법을 사용하면 어떤 추가 할 수 있습니다 가능한 라이브러리를 앱 버전 9.

CDN에서

Firebase JavaScript SDK의 부분 가져오기를 구성하고 필요한 Firebase 제품만 로드할 수 있습니다. Firebase는 Firebase JavaScript SDK의 각 라이브러리를 글로벌 CDN(콘텐츠 전송 네트워크)에 저장합니다.

  1. 만 포함하려면 특정 중포 기지 제품 (예를 들어, 인증 및 클라우드 경우 FireStore)는, 당신의 하단에 다음 스크립트를 추가 <body> 태그,하지만 당신은 어떤 중포 기지의 서비스를 사용하기 전에 :

    <body>
      <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services -->
    
      <script type="module">
        import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { analytics } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-firestore.js'
      </script>
    </body>
    
  2. 앱에서 Firebase를 초기화합니다.

    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);
    

Node.js 앱

  1. Firebase JavaScript SDK를 설치합니다.

    1. 당신이 이미하지 않은 경우 package.json 파일을, 자바 스크립트 프로젝트의 루트에서 다음 명령을 실행하여 하나를 만들 :

      npm init
    2. 설치 firebase NPM 패키지를 당신에 저장 package.json 실행 파일 :

      npm install --save firebase@9.5.0
  2. 다음 옵션 중 하나를 사용하여 앱에서 Firebase 모듈을 사용하세요.

    • 당신은 할 require 자바 스크립트 파일에서 모듈을

      만 포함하려면 특정 중포 기지 제품 (인증 및 클라우드 경우 FireStore 등) :

      // Firebase App (the core Firebase SDK) is always required and
      // must be listed before other Firebase SDKs
      var firebase = require("firebase/app");
      
      // Add the Firebase products that you want to use
      require("firebase/auth");
      require("firebase/firestore");
      


    • 당신은에 ES2015을 사용하여 import 모듈

      만 포함하려면 특정 중포 기지 제품 (인증 및 클라우드 경우 FireStore 등) :

      // Firebase App (the core Firebase SDK) is always required and
      // must be listed before other Firebase SDKs
      import firebase from "firebase/app";
      
      // Add the Firebase services that you want to use
      import "firebase/auth";
      import "firebase/firestore";
      
  3. 앱에서 Firebase를 초기화합니다.

    import { initializeApp } from 'firebase/app';
    
    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);