Flutter 的 Firebase 模拟器设置(1)，2024年最新HarmonyOS鸿蒙高级开发及实践课后答案_鸿蒙4 firebase

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）

正文

? Which Firebase features do you want to set up for this directory? Press Space to select features, then Enter to confirm your choices.
( ) Hosting: Set up GitHub Action deploys
( ) Storage: Configure a security rules file for Cloud Storage
( ) Emulators: Set up local emulators for Firebase products

( ) Remote Config: Configure a template file for Remote Config
( ) Realtime Database: Configure a security rules file for Realtime Database and (optionally) provision default instance
( ) Firestore: Configure security rules and indexes files for Firestore
( ) Functions: Configure a Cloud Functions directory and its files
(Move up and down to reveal more choices)

不要忘记在这里选择模拟器！

选择项目

下一步是选择我们希望 Flutter 项目关联的项目。对于本教程，我已经在Firebase Console中创建了一个 Firebase 项目。

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

? 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 to select, to toggle all, 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 “KaTeX parse error: Expected group as argument to '\"' at position 15: RESOURCE_DIR\" ̲run lint", "npm…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样子是这样的。

{

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）
[外链图片转存中…(img-z0icmLYr-1713124861391)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！