网站托管于Firebase时，仍需显式初始化Firebase Config吗？

问题列表 #

• 问题1：将网站托管在Firebase平台上时，是否仍需要配置Firebase Config？
• 问题2：当网站托管于Firebase且不打算初始化其他项目时，是否仍需显式调用firebase.initializeApp进行初始化？

问题1解答 #

当网站托管在Firebase Hosting上时，完全不需要手动配置Firebase Config。Firebase会通过你引入产品时用到的/__/firebase/...路径对应的内置脚本，自动为你注入项目的配置信息，不用再手动编写包含apiKey、projectId等字段的配置对象。

问题2解答 #

在Firebase Hosting环境下，如果你只使用当前托管关联的Firebase项目，不需要显式调用firebase.initializeApp。Firebase的自动初始化脚本已经帮你完成了默认应用的初始化工作，直接调用Firebase的各类产品（比如auth、firestore、storage）功能就行。

相关代码示例（Firebase 8版本） #

原显式初始化代码（托管环境下可省略） #

// Initialize default app
// Retrieve your own options values by adding a web app on
// https://console.firebase.google.com
firebase.initializeApp({
  apiKey: "AIza....",                             // Auth / General Use
  appId: "1:27992087142:web:ce....",              // General Use
  projectId: "my-firebase-project",               // General Use
  authDomain: "YOUR_APP.firebaseapp.com",         // Auth with popup/redirect
  databaseURL: "https://YOUR_APP.firebaseio.com", // Realtime Database
  storageBucket: "YOUR_APP.appspot.com",          // Storage
  messagingSenderId: "123456789",                 // Cloud Messaging
  measurementId: "G-12345"                        // Analytics
});


if (!firebase.apps.length)
  firebase.initializeApp(firebaseConfig);

托管环境下简化后的引入代码 #

只需要保留产品引入脚本即可，无需手动初始化：

<!-- Add Firebase products that you want to use -->
<script src="/__/firebase/8.1.1/firebase-auth.js"></script>
<script src="/__/firebase/8.1.1/firebase-firestore.js"></script>
<script src="/__/firebase/8.1.1/firebase-storage.js"></script>

内容的提问来源于stack exchange，提问作者Bitwise DEVS