Javascript 如何在多个HTML页面中使用相同的firebase数据库？_Javascript_Html_Firebase_Firebase Realtime Database

Javascript 如何在多个HTML页面中使用相同的firebase数据库？

javascript html firebase

Javascript 如何在多个HTML页面中使用相同的firebase数据库？,javascript,html,firebase,firebase-realtime-database,Javascript,Html,Firebase,Firebase Realtime Database,我正在创建一个应用程序，它有一个仪表板，这个仪表板链接到不同的HTML页面，这些页面做不同的事情，需要更新我的firebase数据库，使用一个页面应用程序，我可以做到这一点，没有问题，当我尝试使用多个页面时会出现问题当我尝试从dashboard_2.html连接到数据库时，它会说应用程序已经存在（因为我已经从database.js的index.html调用了它），如果我从js文件中删除配置部分，只让修改部分，它会说没有创建firebase应用程序 index.html <scri

我正在创建一个应用程序，它有一个仪表板，这个仪表板链接到不同的HTML页面，这些页面做不同的事情，需要更新我的firebase数据库，使用一个页面应用程序，我可以做到这一点，没有问题，当我尝试使用多个页面时会出现问题

当我尝试从dashboard_2.html连接到数据库时，它会说应用程序已经存在（因为我已经从database.js的index.html调用了它），如果我从js文件中删除配置部分，只让修改部分，它会说没有创建firebase应用程序

index.html

    <script src="https://www.gstatic.com/firebasejs/ui/3.6.1/firebase-ui-auth__es.js"></script>
    <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/3.6.1/firebase-ui-auth.css" />
    <!-- The core Firebase JS SDK is always required and must be listed first -->
    <!-- Add additional services that you want to use -->
    <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-database.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-firestore.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-messaging.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-functions.js"></script>



    <!-- Firebase -->
    <script src="js/database.js"></script>

</head>

    <body>
    <div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation">
    <div class="sidebar-collapse">
    <ul class="nav metismenu" id="side-menu">

    <!-- User admining -->
    <li><a href="dashboard_2.html">users</a></li>
    </ul>
</div>
</div>

dashboard_2.html

 <!--===============================================================================================-->
        <script src="https://www.gstatic.com/firebasejs/ui/3.6.1/firebase-ui-auth__es.js"></script>
        <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/3.6.1/firebase-ui-auth.css" />
        <!-- The core Firebase JS SDK is always required and must be listed first -->
        <!-- Add additional services that you want to use -->
        <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>
        <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"></script>
        <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-database.js"></script>
        <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-firestore.js"></script>
        <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-messaging.js"></script>
        <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-functions.js"></script>


        <!-- Firebase -->
        <script src="js/manageusers.js"></script>

    </head>

    <body>
            <div id="wrapper">
            <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">

            <li class="active"><a href="dashboard_2.html">users</a></li>
        </ul>
</div>
</div>



<button class="btn btn-primary btn-lg float-right" type="submit" id="addusr">Next</button>

如果我将database.js中的内容复制到manageusers.js并添加var connect=database.ref（“/users”）；它告诉我应用程序已经存在，如果我不存在，它告诉我没有创建firebase应用程序，我想在两个页面中使用相同的firebase数据库，但我不能这样做，有什么办法吗？

我认为这是正常的，firebase会保持用户的连接，直到他/她注销。您所能做的是连接数据，然后将数据传递到其他页面。您可以使用本地存储来保存一些基本信息，这些信息可以在页面之间传递

阅读下面的更多内容

我认为这是正常的，Firebase会保持用户的连接，直到用户注销。您所能做的是连接数据，然后将数据传递到其他页面。您可以使用本地存储来保存一些基本信息，这些信息可以在页面之间传递

阅读下面的更多内容

您需要防止应用程序再次初始化

更改

firebase.initializeApp（firebaseConfig）到
if (!firebase.apps.length) {
    firebase.initializeApp(config);
}

您需要防止应用程序再次初始化
更改firebase.initializeApp（firebaseConfig）到
if (!firebase.apps.length) {
    firebase.initializeApp(config);
}

你刚刚救了我一个大头疼！你刚刚救了我一个大头疼！
if (!firebase.apps.length) {
    firebase.initializeApp(config);
}