Firebase 호스팅에서의 Firebase 사용

Question

"반응하는 앱 만들기"(https://github.com/facebookincubator/create-react-app)로 만든 React 앱을 개발 중입니다. 그것은 중포 기지 호스팅에서 호스팅되고 나는 문서 (https://firebase.google.com/docs/web/setup#sdk_imports_and_implicit_initialization를)에서 설명하는대로 (내가 dev에 프로젝트와 여러 생산 프로젝트가)

<script src="/__/firebase/init.js"></script> 

내가 필요로하는 여러 프로젝트에 배포, 암시 적 초기화를 사용하려는 것 내 React 구성 요소에서 위의 스크립트에서 초기화 된 "firebase"객체를 가져옵니다. 여러 개의 React 구성 요소 파일에서 어떻게 가져와야합니까? 내가 개발하는 동안 내 index.html을에

<script src="https://www.gstatic.com/firebasejs/4.1.1/firebase.js"></script> 
<script> 
    // Initialize Firebase 
    // TODO: Replace with your project's customized code snippet 
    var config = { 
    apiKey: "<API_KEY>", 
    authDomain: "<PROJECT_ID>.firebaseapp.com", 
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com", 
    storageBucket: "<BUCKET>.appspot.com", 
    messagingSenderId: "<SENDER_ID>", 
    }; 
    firebase.initializeApp(config); 
</script> 

코드를 추가하기 위해 노력하고있어, 그래서 내가 개발하는 동안 "역할을 중포 기지"로 봉사하고 때 그것을 배포 할 때이에만 사용할 수 있음을 알고 있어요 파일을 Firebase 문서에 설명 된대로 저장하십시오. 그러나 ReactComponent에서 Firebase을 가져 오려고 시도 할 때 찾지 못하거나 프로젝트를 초기화하지 않는다고 불평합니다 (html 태그에서 내가 뭘하는지).

html에서 Firebase 초기화 된 App 및 Firebase 라이브러리를 가져 오는 방법은 무엇입니까? 스크립트 태그 ??

Answer 1

firebase 패키지를 npm을 통해 설치하려고합니다. 당신이 어떤에서 원하는 당신은 다음 몇 가지 CONFIGS와 중포 기지 응용 프로그램을 초기화 구성 중포 기지 인스턴스를 내보내고 이것을 사용할 수있는 당신은 또한 일부 configureFirebase.js 파일에 중포 기지를 가져올 수 있습니다

import firebase from 'firebase'; 

로 가져 요소를 반응 곳 그럼 당신은 쉽게 사용할 수 있습니다 모든 구성 요소의 예를

그 도움이 될 것입니다 :

import firebase from 'firebase' 
const config = { /* COPY THE ACTUAL CONFIG FROM FIREBASE CONSOLE */ 
    apiKey: "unreadablestuff", 
    authDomain: "your-domain-name.firebaseapp.com", 
    databaseURL: "https://your-domain-name.firebaseio.com", 
    storageBucket: "your-domain-name.appspot.com", 
    messagingSenderId: "123123123123" 
}; 
const fire = firebase.initializeApp(config); 
export default fire;