如何为 Codelab 配置 Firebase SDK？答案

【问题标题】：How do I configure the Firebase SDK for the codelab?如何为 Codelab 配置 Firebase SDK？
【发布时间】：2016-07-16 19:26:34
【问题描述】：

尽我所知，我已按照 FriendlyChat 应用程序的 codelabs 教程中的每条说明进行操作。

我将通过单击控制台中的 Add firebase to your web app 图标生成的代码粘贴到索引页面中。

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

我该如何配置和导入 SDK？

【问题讨论】：

你跑$ bower install firebase了吗？
刚刚试了一下。然后我重做了整个过程，我发现 storageBucket 没有在初始化脚本中生成 URL。我相信这就是问题所在
你能粘贴你在index.html 中的内容吗？在这种情况下会显示此消息：if (!window.firebase || !(firebase.app instanceof Function) || !window.config) {...
看起来你现在很好，但如果你仍然卡住，请告诉我们！

标签： web cmd firebase firebase-hosting

【解决方案1】：

您只需从以下位置粘贴初始化 sn-p： Firebase 控制台 > 概述 > 将 Firebase 添加到您的网络应用在 web-start 文件夹中的 index.html 文件中。

【讨论】：

【解决方案2】：

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

转到 Firebase 主页
右上角（在您的个人资料图片旁边）您会发现“转到控制台”点击它
在那里你会找到你的“FriendlyChat”项目，点击它
在左侧的 Firebase 图标下，您会找到一个齿轮图标（设置），前往那里
向下滚动，您会找到一个包含您的网络应用程序的窗口
有个标题'SDK setup and configuration'
如果还没有，请确保在 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>

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

这阻止了警报显示给我。

【讨论】：