如何为 Flutter web 设置 Firebase答案

【问题标题】：How to setup Firebase for Flutter web如何为 Flutter web 设置 Firebase
【发布时间】：2020-07-24 00:14:30
【问题描述】：

我正在尝试制作我的 Flutter Firebase 应用的 Web 版本，请帮助！！！这是我当前的配置不起作用

     var firebase = require("firebase/app");
     var firebaseConfig = {
        apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxx",
        authDomain: "xxxxxxx.firebaseapp.com",
        databaseURL: "https://xxxxxxxxx.firebaseio.com",
        projectId: "xxxxxx",
        storageBucket: "xxxxxxx.appspot.com",
        messagingSenderId: "xxxxxxxxxxxx",
        appId: "1:xxxxxxxxxx:web:xxxxxxx",
        measurementId: "XXXXXXXXX"
    };
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();

【问题讨论】：

错误信息是什么？
你把这些配置放在哪里了？您使用的是哪个前端框架？您要将项目部署到哪里？
我在 index.html、前端 Android、iOS、Web 中进行配置。我在 Localhost 中部署我的项目

标签： firebase flutter flutter-web

【解决方案1】：

我认为你需要在迁移到 web 时创建一个新项目 1.在终端运行这个命令

flutter channel dev

2。升级颤振与

flutter upgrade

3。创建一个项目

flutter create web_proj //or anything

4。在您的 Web 文件夹中的 index.html 中添加必要的脚本标签

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

5。在 index.html 中添加配置

<script>
        var firebase = require("firebase/app");
     var firebaseConfig = {
        apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxx",
        authDomain: "xxxxxxx.firebaseapp.com",
        databaseURL: "https://xxxxxxxxx.firebaseio.com",
        projectId: "xxxxxx",
        storageBucket: "xxxxxxx.appspot.com",
        messagingSenderId: "xxxxxxxxxxxx",
        appId: "1:xxxxxxxxxx:web:xxxxxxx",
        measurementId: "XXXXXXXXX"
    };
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
</script>

6。添加firestore等依赖项并享受

https://pub.dev/packages/firebase#-readme-tab-

【讨论】：

我通过运行重新创建了项目
颤振创建。
我在我的应用程序中使用了 Firestore，移动设备和 Web 是否有任何不同的 Firestore 依赖项