我的应用程序是 Flutter Web 应用程序。它使用 package:firebase/firebase.dart .
我正在尝试使用 Firebase 模拟器 UI。
该应用托管在 Firebase 上,可读取和写入 Firestore。但是,当我使用 firebase emulators:start
时,位于 localhost:5000
的本地托管应用程序仍在访问生产 Firestore 数据库。
如何进行设置,以便本地运行的应用使用位于 localhost:8080
的 Firestore 模拟器?
我发现了类似this的线程,但我没有使用cloud_firestore.dart
。我已经尝试过类似的步骤(请参阅下面的更新),但它们在我的上下文中不起作用。
这是我的 main.dart
文件:
import 'package:algolia/algolia.dart';
import 'package:firebase/firebase.dart' as fb;
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:web_flutter/data/repository.dart';
import 'package:web_flutter/pages/auth/login.dart';
import 'package:web_flutter/pages/home/home_page.dart';
import 'package:web_flutter/services/authentication.dart';
Future<void> main() async {
try {
var app = fb.initializeApp(
apiKey: 'someAPIkey',
authDomain: 'some.domain.com',
databaseURL: 'https://somedomain.firebaseio.com',
projectId: 'myProj',
storageBucket: '',
messagingSenderId: 'someId',
appId: '1:9anAppId');
var searchClient = Algolia.init(
applicationId: 'anAppId',
apiKey: 'someAPIkey');
runApp(MyApp(
repository: Repository(app.firestore(), searchClient),
authentication: Authentication(app.auth())));
} on fb.FirebaseJsNotLoadedException catch (e) {
print(e);
}
}
class MyApp extends StatefulWidget {
final Repository repository;
final Authentication authentication;
const MyApp({Key key, this.authentication, this.repository})
: super(key: key);
@override
_MyAppState createState() => _MyAppState();
}
有什么想法吗?
谢谢!
更新: 我尝试了以下方法,但得到了相同的结果:
import 'package:algolia/algolia.dart';
import 'package:firebase/firebase.dart' as fb;
import 'package:firebase/src/firestore.dart' as fs;
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:web_flutter/data/repository.dart';
import 'package:web_flutter/pages/auth/login.dart';
import 'package:web_flutter/pages/home/home_page.dart';
import 'package:web_flutter/services/authentication.dart';
Future<void> main() async {
try {
var app = fb.initializeApp(
apiKey: 'someAPIkey',
authDomain: 'some.domain.com',
databaseURL: 'https://somedomain.firebaseio.com',
projectId: 'myProj',
storageBucket: '',
messagingSenderId: 'someId',
appId: '1:9anAppId');
var searchClient = Algolia.init(
applicationId: 'anAppId',
apiKey: 'someAPIkey');
// These two lines are new:
var db = app.firestore();
db.settings(fs.Settings(host: 'localhost:8080', ssl: false));
runApp(MyApp(
repository: Repository(db, searchClient),
authentication: Authentication(app.auth())));
} on fb.FirebaseJsNotLoadedException catch (e) {
print(e);
}
}
最佳答案
关键是导入 dart:html
让我可以访问window
。从那里我能够执行类似于 Firebase 文档中使用的 JavaScript 的操作。
import 'dart:html';
import 'package:algolia/algolia.dart';
import 'package:firebase/firebase.dart' as fb;
import 'package:firebase/firestore.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:web_flutter/data/repository.dart';
import 'package:web_flutter/pages/auth/login.dart';
import 'package:web_flutter/pages/home/home_page.dart';
import 'package:web_flutter/services/authentication.dart';
Future<void> main() async {
try {
var app = fb.initializeApp(firebaseConfig);
if (window.location.hostname == 'localhost') {
app.firestore().settings(Settings(
host: '0.0.0.0:8080',
ssl: false,
));
}
我不知道在所有情况下主机是否都会为每个人0.0.0.0
。我从启动模拟器时列出的主机中获取了此信息。
关于firebase - 如何在 Flutter Web 应用中将 Firebase.dart 与 Firebase 模拟器 FireStore db 结合使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62162480/