首页 > 解决方案 > javascript项目的firebase初始化代码是否需要在每个网页上运行?

问题描述

我正在使用带有 fireauth 的 Google 登录。所以在登录页面中,我在脚本标签中有以下设置代码:

<script src="https://www.gstatic.com/firebasejs/5.5.3/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",
    projectId: "<PROJECT_ID>",
    storageBucket: "<BUCKET>.appspot.com",
    messagingSenderId: "<SENDER_ID>",
  };
  firebase.initializeApp(config);
</script>

但随后在后续页面上,我想访问 firebase,以便检查身份验证、使用存储等。

要在后续页面上访问 firebase,我需要再次运行上述代码吗?还是最好将初始化代码放在外部 javascript 文件中,以便我可以访问所有网页?

谢谢。

标签: javascriptfirebasefirebase-authentication

解决方案


许多 Firebase 网络应用程序是所谓的单页应用程序,这意味着它们只是一个大的 HTML + JavaScript 页面。所以他们在那个页面中只需要这个块一次。

但是,如果您的网络应用程序依赖于多个单独的 HTML + JavaScript 页面,那么您确实需要在每个使用 Firebase 的页面上使用此块。如果您使用的是现代 JavaScript,则可以将此块隔离到一个模块中,然后将其包含到其他模块中。或者,您可以从 获取它__/firebase/init.js,如果您在 Firebase 上托管网站,它会自动可用。有关这方面的更多信息,请参阅此博客文章此文档


推荐阅读