我们如何将Firebase托管与Firebase实时数据库/存储集成？ [英] How can we integrate Firebase Hosting with Firebase Realtime Database / Storage?

问题描述

现在Firebase提供了虚拟主机服务，我们如何将Firebase托管与Firebase实时数据库和Firebase存储集成？ Firebase Hosting是您的Web应用程序的静态托管。因此，您可以使用HTML，CSS，JavaScript。

JavaScript代码：

 < script src =https://www.gstatic.com/firebasejs/3.5.0/firebase.js>< / script> 
< script> 
 //初始化Firebase 
 // TODO：替换为您的项目的自定义代码片段
 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）; 
 
 //获取对数据库服务的引用
 var database = firebase.database（）; 
 
 
 //获取对存储服务的引用，用于在存储桶中创建
引用
 
 var storage = firebase.storage （）; 
 
< / script> 
  

详情请参阅：

• https://firebase.google.com/docs/web/setup


• https://firebase.google.com/docs/托管/

Now that Firebase provides Web Hosting services, how can we integrate Firebase Hosting with Firebase Realtime Database and Firebase Storage?

解决方案

Firebase Hosting is static hosting for your web app.So you can use HTML, CSS, JavaScript.

JavaScript Code:

<script src="https://www.gstatic.com/firebasejs/3.5.0/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);

  // Get a reference to the database service
  var database = firebase.database();


 // Get a reference to the storage service, which is used to create
 references in your storage bucket

  var storage = firebase.storage();

</script>

For More See:

• https://firebase.google.com/docs/web/setup
• https://firebase.google.com/docs/hosting/

这篇关于我们如何将Firebase托管与Firebase实时数据库/存储集成？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！