Flutter 的 Firebase 模拟器设置(1)

最新推荐文章于 2024-04-30 17:35:52 发布

2401_84181501

最新推荐文章于 2024-04-30 17:35:52 发布

阅读量639

点赞数 24

分类专栏： 2024年程序员学习文章标签： flutter

本文链接：https://blog.csdn.net/2401_84181501/article/details/137650032

版权

2024年程序员学习专栏收录该内容

77 篇文章 1 订阅

订阅专栏

所以在这个提示中选择使用现有项目

? Please select an option: (Use arrow keys)
> Use an existing project
  Create a new project
  Add Firebase to an existing Google Cloud Platform project
  Don't set up a default project

它将显示您创建的所有项目的列表，您必须选择一个。

或者

您可以选择不设置默认项目并继续！

接下来的几个提示将基于您在上一步中选择的服务。

对于这篇文章，我们将只介绍模拟器设置。CLI 将询问我们要设置哪些模拟器。

? Which Firebase emulators do you want to set up? Press Space to select emulators, then Enter to confirm your choices. (Press <space> to select, <a> to toggle all, <i> to invert selection)
>( ) Authentication Emulator
 (*) Functions Emulator
 ( ) Firestore Emulator
 ( ) Database Emulator
 ( ) Hosting Emulator
 ( ) Pub/Sub Emulator
 ( ) Storage Emulator

选择您要在此项目中使用的所有模拟器。

然后它会询问每个模拟器应该使用哪个帖子。单击输入以选择默认选项。

当 CLI 询问是现在还是以后下载模拟器时，单击Y立即下载它们。

在这些之后，CLI 将显示一条成功消息。

+  Firebase initialization complete!

到 Flutter 方面

接下来，我们将使用本地模拟器而不是我们的 Production Firebase 项目来设置我们的 Flutter 项目。

Flutter 的每个 Firebase 插件都有类似.useEmulator的东西。因此，为了方便起见，我创建了一个函数，让所有 Firebase 产品都使用模拟器。

Future _connectToFirebaseEmulator() async {
  final localHostString = '{your system Ip Address}';

  FirebaseFirestore.instance.settings = Settings(
    host: '$localHostString:8080',
    sslEnabled: false,
    persistenceEnabled: false,
  );

  await FirebaseStorage.instance
      .useStorageEmulator('http://$localHostString', 9199);

  await FirebaseAuth.instance.useAuthEmulator('http://$localHostString', 9099);
}

官方文档建议只使用 localhost 而不是您的系统 IP 地址，但我会稍微解释一下。

当我尝试从Real Device（也不是 android 模拟器）连接到模拟器时，我无法仅使用localhost. 如果您使用的是 Android 或 iOS 模拟器，您可能会坚持使用 localhost 版本。

Future _connectToFirebaseEmulator() async {

  FirebaseFirestore.instance.settings = Settings(
    host: 'localhost:8080',
    sslEnabled: false,
    persistenceEnabled: false,
  );

  await FirebaseStorage.instance
      .useStorageEmulator('localhost', 9199);

  await FirebaseAuth.instance.useAuthEmulator('localhost', 9099);
}

我们必须调用上面的函数成为runApp方法main.dart

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await _connectToFirebaseEmulator();
  runApp(
    MyApp(),
  );
}

暂时不要离开！为了使我的破解版本正常工作，我们必须对另外一个文件进行更改。

调整 firebase.json 文件

在 Flutter 项目的根目录下有一个名为 firebase.json 的文件。别担心，它是在我们的 Firebase CLI 初始化期间创建的。

默认情况下，它看起来像这样。

{
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint",
      "npm --prefix \"$RESOURCE_DIR\" run build"
    ]
  },
  "emulators": {
    "auth": {
      "port": 9099
    },
    "functions": {
      "port": 5001
    },
    "firestore": {
      "port": 8080
    },
    "pubsub": {
      "port": 8085
    },
    "storage": {
      "port": 9199
    },
    "ui": {
      "enabled": true
    }
  }
}

JSON 中列出的每个模拟器中都有一个端口密钥。我们需要为它们添加一个主机密钥。

我们必须提供我们的系统 IP 作为主机。要获取我们的 IP 地址，我们可以ipconfig在 windows 和ifconfigLinux 上运行。就我而言，它是192.168.42.54

所以我的firebase.json样子是这样的。

{
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint",
      "npm --prefix \"$RESOURCE_DIR\" run build"
    ]
  },
  "storage": {
    "rules": "storage.rules"
  },
  "emulators": {
    "auth": {
      "host": "192.168.42.54",
      "port": 9099
    },
    "functions": {
      "host": "192.168.42.54",
      "port": 5001
    },
    "firestore": {
      "host": "192.168.42.54",
      "port": 8080
    },
    "storage": {
      "host": "192.168.42.54",
      "port": 9199
    },
    "ui": {
      "host": "192.168.42.54",
      "enabled": true
    }
  }
}