在Firebase托管中使用Firebase与反应

我正在开发使用“创建反应应用”（https://github.com/facebookincubator/create-react-app）创建的React应用。它将在火力地堡主机托管，我会喜欢使用隐式初始化为文档（https://firebase.google.com/docs/web/setup#sdk_imports_and_implicit_initialization）描述，部署到多个项目（我有一个开发项目和几个生产项目）在Firebase托管中使用Firebase与反应

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

我需要在我的React组件中获取上面脚本中初始化的“firebase”对象。我应该如何将它导入到多个React组件文件中？我知道，这将是唯一可用的，当我在开发过程中有服务于它“火力点服务”，当我部署它，所以在开发过程中我试图

<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>

代码添加到我的index.html文件，如Firebase文档中所述。但是，当我尝试在ReactComponent中导入Firebase时，它没有找到它或抱怨未初始化项目（我在做什么html标记）

如何从我的html中导入Firebase初始化的应用程序和Firebase库脚本标签？

来源

2017-09-15 pablo

-1

只需尝试通过npm安装firebase包。然后，无论你想在任何与

import firebase from 'firebase';

您还可以在一些configureFirebase.js文件导入火力点在那里你可以与一些CONFIGS初始化火力点应用，然后导出配置火力实例，并使用该导入反应组件，您可以轻松地使用它例如在任何部件

它的将是有益的：

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;

来源

2017-09-15 19:55:29

在Firebase托管中使用Firebase与反应

回答

相关问题