Web 如何为codelab配置Firebase SDK？

据我所知，我已经按照FriendlyChat应用程序教程中的说明进行了操作

我将在控制台中单击AddFirebase to your web app图标生成的代码粘贴到索引页中

但是，当我运行

firebase-service

并在

localhost:5000

加载页面时，会收到一条警报，告知我尚未配置并导入firebase-SDK

---

如何准确配置和导入SDK？

您只需从以下位置粘贴初始化片段： Firebase控制台>概述>将Firebase添加到web应用程序

---

在web start文件夹的index.html文件中。

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

• 转到Firebase主页
• 右上角（在您的个人资料图像旁边）您可以找到“转到控制台”并单击它
• 在那里你会找到你的“FriendlyChat”项目，点击它
• 在左边，在Firebase图标下，你会发现一个装备图标（设置），转到那里
• 向下滚动，您将看到一个包含web应用程序的窗口
• 标题为“SDK设置和配置”
• 如果尚未将“自动”代码包含在index.html中，请确保将其包含在index.html中。它看起来与此类似：

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

//您的web应用程序的Firebase配置
//对于Firebase JS SDK v7.20.0及更高版本，measurementId是可选的
var firebaseConfig={
apiKey:“…”，
authDomain:“…”，
项目D:“…”，
storageBucket:“…”，
messagingSenderId:“…”，
appId:“…”，
度量标准：“…”
};
//初始化Firebase
firebase.initializeApp（firebaseConfig）；
firebase.analytics（）；

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

---

这使我无法显示警报。

您是否运行了

$bower install firebase

？刚刚尝试过。然后我重播了整个过程，发现storageBucket在初始化脚本中没有生成URL。我相信这就是问题所在。你能把你的东西粘贴到

index.html

？此消息在这种情况下显示：

如果（！window.firebase | | |！（firebase.app instanceof Function）| | |！window.config）{…

看起来您现在很好，但是如果您仍然卡滞，请告诉我们！

<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>

<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>