Question

我将Firebase-auth用于我正在使用电子框架开发的Web应用程序。我使用项目设置创建了API密钥，然后按照Firebase指南的建议将其复制到html的主体中。但是，当我在浏览器中打开HTML页面时，控制台显示以下错误。

code: "auth/invalid-api-key"
message: "Your API key is invalid, please check you have copied it correctly."
__proto__: Error

HTML页面正文的底部如下。

 <script src="https://www.gstatic.com/firebasejs/5.8.2/firebase.js"></script>
          <script>
            // Initialize Firebase
            var config = {
              apiKey: "AIzaSyAXXXXXXXXXXXXXXXXXXXXjILO32ZDxRKY",
              authDomain: "jumbleup-773da.firebaseapp.com",
              databaseURL: "https://jumbleup-773da.firebaseio.com",
              projectId: "jumbleup-773da",
              storageBucket: "jumbleup-773da.appspot.com",
              messagingSenderId: "971123072180"
            };
            firebase.initializeApp(config);
          </script>

注意：我通过用X更改20位数字来混淆真实密钥。

Answer 1

export const environment = {

生产：假， firebaseConfig：{ apiKey: "AIzxxxxxxxxxxxxxxxxxxxxxxxxxx", authDomain: "chxxxxxxxxxxxxxx", projectId: "chxxxxxxxxxxxxxxxx", 存储桶：“chxxxxxxxxxxxxxxxx”， messagesSenderId: "7xxxxxxxxxxxxxxx", appId: "1:7xxxxxxxxxxxxxxxxxxxxxxxxxxxx", 测量 ID：“G-xxxxxxxxx” } };

将此添加到您的 environment.ts 中

Answer 2

首先安装firebase然后首先将 firebase 作为 import firebase from 'firebase'; 或在 js 脚本中导入。下面的代码用于将应用连接到 firebase，其中包括 id 和连接 firebase 的所有详细信息。

const config ={

    apiKey: "XXXXXXXXXXXX",
    authDomain: "app.firebaseapp.com",
    databaseURL: "https://app.firebaseio.com",
    projectId: "XXXXXX2",
    storageBucket: "XXXXXX.appspot.com",
    messagingSenderId: "5..........",
    appId: "1:52807............."
}

firebase.initializeApp(config);
export default firebase;

Answer 3

<块引用>

您的 API 密钥无效，请检查您是否正确复制了它

显示此错误的原因有很多。我想解释一下我是如何解决这个问题的。

首先，我为我的网站复制了 firebaseConfig 变量，单击复制按钮，并将其保存在我的源文件夹下，创建一个名为“firebase.config.js”的文件。

export const firebaseConfig = {
    apiKey: 'AIzaSxxxxxxxxxxxxxxxxxxxxxxx',
    authDomain: 'fir-axxxxxxxxxxxxxxxxxxxxxxxxxx',
    projectId: 'fir-axxxxxxxxxxxxxxxxx',
    storageBucket: 'fir-axxxxxxxxxxxxxxxxxx',
    messagingSenderId: '106xxxxxxxxxxxxxx',
    appId: '1:1064xxxxxxxxxxxxxxxxxxxxxxxxxxxx',
};

其次，我通过将 firebaseConfig 变量导入到我的 App.js 文件中来调用它。

import { firebaseConfig } from './firebase.config';

最后，我在下面的这一行中使用了这个变量。

firebase.initializeApp(firebaseConfig);

对不起，我英语不太好。我已经尽力了。谢谢。

控制台中的Firebase无效api密钥错误

3 个答案: