gpt4 book ai didi

reactjs - 为什么 Firebase 身份验证模拟器使用生产环境?

转载 作者:行者123 更新时间:2023-12-04 03:43:38 33 4
gpt4 key购买 nike

我正在尝试使用 Firebase 身份验证模拟器,我发现即使模拟器正在运行并启用,身份验证也会在生产环境中发生。

我在 firebase/auth.js

中有以下内容
// imports and stuff...

firebase.initializeApp(firebaseConfig);

export const firebaseAuth = firebase.auth()
if (DEBUG_MODE) {
firebaseAuth.useEmulator('http://localhost:9099');
}

// declare a class to make mocking easier...maybe I just don't know how to properly mock constants?
export class FirebaseAuth {
static getAuth() {
return firebaseAuth
}
}

然后,我有一个 SignIn 组件,就像在 https://github.com/firebase/firebaseui-web-react#using-styledfirebaseauth-with-local-state 中找到的 SignInScreen 示例一样- 尽管唯一的区别是该组件使用 firebaseAuth,它是从上面看到的 auth.js 导出的。

import React from 'react';
import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth';
import { uiConfig, FirebaseAuth } from '../firebase/auth';
import { useQuery } from '../hooks';

function SignIn() {
let params = useQuery()
let redirectUrl = params.get('redirect_url');
const config = Object.assign({}, uiConfig, {signInSuccessUrl: redirectUrl})
return (
<div>
<p>Please sign-in:</p>
<StyledFirebaseAuth uiConfig={config} firebaseAuth={FirebaseAuth.getAuth()} />
</div>
);
}

export default SignIn

当我在本地运行我的 React 应用程序时,我看到 firebase 正在根据我的应用程序底部显示的消息检测模拟器:

enter image description here

但是,我发现当我尝试登录时使用了 firebase 身份验证的生产实例。新用户创建于 https://console.firebase.google.com/u/0/project/sagereact/authentication/users而不是在我的本地模拟器上。

此外,当我硬刷新我的 web 应用程序时,我会看到以下日志行,这也会让我注销:

⚠  Received a signed JWT. Auth Emulator does not validate JWTs and IS NOT SECURE

我已验证我的模拟器正在运行:

 ❮❮❮ firebase emulators:start
i emulators: Starting emulators: auth, functions, firestore, database, hosting, pubsub
...stuff

┌────────────────────────────────────────────────────────────────┐
│ ✔ All emulators ready! View status and logs at localhost:4000 │
└────────────────────────────────────────────────────────────────┘

┌────────────────┬────────────────┬──────────────────────────┐
│ Emulator │ Host:Port │ View in Emulator UI │
├────────────────┼────────────────┼──────────────────────────┤
│ Authentication │ localhost:9099 │ localhost:4000/auth │
├────────────────┼────────────────┼──────────────────────────┤
│ Functions │ localhost:5001 │ localhost:4000/functions │
├────────────────┼────────────────┼──────────────────────────┤
│ Firestore │ localhost:8080 │ localhost:4000/firestore │
├────────────────┼────────────────┼──────────────────────────┤
│ Database │ localhost:9000 │ localhost:4000/database │
├────────────────┼────────────────┼──────────────────────────┤
│ Hosting │ localhost:5055 │ n/a │
├────────────────┼────────────────┼──────────────────────────┤
│ Pub/Sub │ localhost:8085 │ n/a │
└────────────────┴────────────────┴──────────────────────────┘
Other reserved ports: 4400, 4500

Issues? Report them at https://github.com/firebase/firebase-tools/issues and attach the *-debug.log files.

enter image description here

我如何弄清楚为什么 firebase 没有使用我的本地模拟器进行身份验证?

最佳答案

您需要从您的客户端代码设置 Auth 模拟器。这是 Dart 中使用 Flutter 的等价物:

void main() async {
WidgetsFlutterBinding.ensureInitialized();
var app = await Firebase.initializeApp();

if (USE_FIRESTORE_EMULATOR) {
FirebaseFirestore.instance.settings = Settings(host: 'localhost:8080', sslEnabled: false, persistenceEnabled: false);
FirebaseFunctions.instance.useFunctionsEmulator(origin: 'http://localhost:5001');
FirebaseAuth.instanceFor(app: app).useEmulator('http://localhost:9099');
}

对于 firebaseui-web-react,请查看此 Pull Request (https://github.com/firebase/firebaseui-web-react/pull/125) 并确保您使用的是正确的版本。

关于reactjs - 为什么 Firebase 身份验证模拟器使用生产环境?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65531090/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com