Question

我尽可能地遵循FriendlyChat应用程序的codelabs教程中的每条指令。

我将在控制台中点击添加firebase到您的网络应用图标生成的代码粘贴到索引页面。

但是，当我运行firebase serve并在localhost:5000加载页面时，我会收到一条警告，告诉我我没有配置并导入Firebase SDK。

我究竟如何配置和导入SDK？

Answer 1

您只需粘贴以下内容的初始化代码段： Firebase控制台＆gt;概述＆gt;将Firebase添加到您的网络应用在web-start文件夹中的index.html文件中。

Answer 2

我发现上面的答案有点不清楚，但设法用这种方法解决了它，以防它对任何人有帮助：

转到 Firebase 主页
在右上角（在您的个人资料图片旁边），您会发现点击“转到控制台”
在那里你会找到你的“FriendlyChat”项目，点击它
在左侧的 Firebase 图标下方，您会找到一个齿轮图标（设置），然后转到那里
向下滚动，您将找到一个包含您的网络应用程序的窗口
有一个标题“SDK 设置和配置”
如果您还没有，请确保在 index.html 中包含“自动”代码。它看起来像这样：

<script src="/__/firebase/8.6.3/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="/__/firebase/8.6.3/firebase-analytics.js"></script>

<script src="/__/firebase/init.js"></script>

如果还没有，请确保在 index.html 中包含“CDN”代码（记住将其放在任何 firebase 脚本调用之前）。它看起来像这样：

<script src="https://www.gstatic.com/firebasejs/8.6.3/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.6.3/firebase-analytics.js"></script>

<script>
  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  var firebaseConfig = {
    apiKey: "...",
    authDomain: "...",
    projectId: "...",
    storageBucket: "...",
    messagingSenderId: "...",
    appId: "...",
    measurementId: "..."
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>

注意：如果您不包括分析，我想您不应该包括分析脚本（只需复制并粘贴网站上提供给您的代码）

这阻止了提醒显示给我。

如何为codelab配置Firebase SDK？

2 个答案: