如何为 Flutter 网络设置 Firebase

Question

我正在尝试制作我的 Flutter Firebase 应用程序的网络版本请帮忙！！！这是我当前的配置，它不起作用

     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();

Answer 1

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

flutter channel dev

2。用

升级 flutter

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-

如何为 Flutter 网络设置 Firebase

How to setup Firebase for Flutter web

firebase

flutter

flutter-web