Flutter：我们如何在桌面应用程序中使用 Firebase 数据库

Question

我正在考虑使用 dart 和 Flutter 开发桌面应用程序，但我不知道如何将 Firebase 数据库与其集成。 任何建议将不胜感激。 提前致谢

Answer 1

使用 Firedart 包将 FIrebase 集成到基于桌面的 Flutter 应用程序中。

https://pub.dev/packages/firedart

文档说

这个库试图最小化依赖关系，目的是 使其能够在任何能够执行 dart 的环境中运行 代码。目前已使用 dart 运行时成功测试 （x86-64 和 arm32）以及 Flutter Android、iOS 和桌面。

Answer 2

main FlutterFire page 有一个表格，显示了哪些 Firebase 产品在哪些环境中工作。

现在表明这些产品在 macOS 桌面应用程序中受支持：

• Cloud Firestore
• 云函数
• Firebase 身份验证
• Firebase Crashlytics
• Firebase 存储

如果您在完成其中一项工作时遇到问题，请编辑您的问题以包含 minimal information with which we can reproduce where you got stuck 以及您收到的任何错误消息。

Answer 3

上下文： 截至 2021 年 2 月 24 日，在 Flutter 中支持 Firebase 服务的主要项目可以在 here 找到。如果您查看 GitHub 上提出的这个问题，它会为正在查看支持桌面的“possibility”的项目提供粗略的路线图。

issue 已打开以提供对 Windows 和 Linux 的支持。

回答： 现在，将 Firebase 与您的桌面应用程序一起使用的最佳选择是 -

1. 阅读每个 Firebase 服务的文档，看看它们是否支持 RESTful API 请求以与服务交互。例如Cloud Firestore 支持这个。
2. firedart 是为某些 Firebase 服务提供 API 的开源尝试。
3. 等待 ("hopefully") Google 提供一个用 dart 原生编写的包。

Answer 4

您可以使用 Firebase C++ SDK：

https://firebase.google.com/docs/cpp/setup#desktop-workflow

Answer 5

我使用 http 方法将 Firebase 与我的 Windows Flutter 应用程序连接起来； 代码和快照如下。 Firebase 实时数据库完美运行。 我按照这个教程 https://medium.com/flutterdevs/http-request-dcc13e885985

我的代码是：

import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}



class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
    sendData();
  }

  sendData() {
    http.post(
        Uri.parse(
            "https://rest-12bb2-default-rtdb.firebaseio.com/userprofile.json"),
        body: json.encode({
          'firstName': "b",
          'lastName': "c",
          'email': "f",
        }));
    // setState(() {
    //   userProfile.add(Profile(
    //     firstName: firstname;
    //     lastName: lastname;
    //     email: email;
    //   ));
    // });
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("app"),
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Text(
              'You have pushed the button this many times:',
            ),
            new Text(
              '$_counter',
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
      floatingActionButton: new FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: new Icon(Icons.add),
      ),
    );
  }
}

//////////// firebase 快照enter image description here