GVKun编程网logo

如何从 Angular Web 应用程序读取 Firebase 配置?(angular读取本地json)

1

如果您想了解如何从AngularWeb应用程序读取Firebase配置?的相关知识,那么本文是一篇不可错过的文章,我们将对angular读取本地json进行全面详尽的解释,并且为您提供关于@fireb

如果您想了解如何从 Angular Web 应用程序读取 Firebase 配置?的相关知识,那么本文是一篇不可错过的文章,我们将对angular读取本地json进行全面详尽的解释,并且为您提供关于@firebase/database:无法确定 Firebase 数据库 URL确保在调用 firebase.initializeApp() 时包含项目 ID角度、Android Studio - 如何从 google-services.json 获取 Firebase URL?因为当我打开 google-services.json 时,firebase URL 没有代码、Android 上的 Flutter/Firebase verifyPhoneNumber() 总是调用 recaptcha“验证你不是机器人” 作为 Firebase verifyPhoneNumber() 流程的一部分,Android 需要什么配置以及在哪里进行配置才能停止重新验证?我已验证以下内容:Firebase 中发生了一些变化,但我找不到任何说明如何在 Android 上为 Firebase verifyPhoneNumber() 克服 recaptcha 的文档、android-FIrebase Cloud Messaging,无法解析依赖项com.google.firebase:firebase-core:9.0.2的有价值的信息。

本文目录一览:

如何从 Angular Web 应用程序读取 Firebase 配置?(angular读取本地json)

如何从 Angular Web 应用程序读取 Firebase 配置?(angular读取本地json)

如何解决如何从 Angular Web 应用程序读取 Firebase 配置?

我有一个 Angular 应用程序,我使用 h1 But p Feel free to mix HTML markup ... <info-window #window> p ... and pug Syntax 来存储 API 密钥和其他配置。我想将此应用程序部署到 Firebase,以便我可以将配置表单环境文件移动到 Firebase 配置,因此我按照说明设置变量 here

然后当我运行命令 environment.ts 时,我正确地获得了我期望的配置。但是现在我不知道如何在我的 Angular 项目中获得这个配置。到目前为止,我所做的是在 Firebase 中创建一个应用程序,因此我在 firebase functions:config:get 中有这样的配置:

  1. environment.ts

firebase: { apiKey: ''apiKey'',// Other properties },中:

  1. app.module.ts

但是从这里我不知道如何获取配置。我尝试使用 npm 包 imports: [ // ... AngularFireModule.initializeApp(environment.firebase),], 并运行 firebase-functions,但是对于 functions.config()fs 等库,我遇到了很多错误。我想不适合客户端使用.

如何从 Angular 应用获取 Firebase 配置?

@firebase/database:无法确定 Firebase 数据库 URL确保在调用 firebase.initializeApp() 时包含项目 ID角度

@firebase/database:无法确定 Firebase 数据库 URL确保在调用 firebase.initializeApp() 时包含项目 ID角度

如何解决@firebase/database:无法确定 Firebase 数据库 URL确保在调用 firebase.initializeApp() 时包含项目 ID角度

我正在创建实时聊天室 我第一次接触它时就成功了 但是后来我需要处理其他任务,当我回到这个任务时,首先我得到了一个错误,指出我可以两次初始化 firebase,当我修复这个时,我得到了这个错误

完整的错误信息:

chatroom.component.ts

import firebase from ''firebase/app'';
import "firebase/database";
import { AuthService } from ''src/app/services/auth.service'';


@Component({
  selector: ''app-chatroom'',templateUrl: ''./chatroom.component.html'',styleUrls: [''./chatroom.component.sass'']
})
export class ChatroomComponent implements OnInit {

  items!: object;
  message: string = '''';
  ref: any;

  constructor(
    private profileService: AuthService
  ) {
    console.log(firebase.apps)
    if (!firebase.apps.length) {

      firebase.initializeApp({
        apiKey: "blablabla",authDomain: "blablabla",databaseURL: "blablabla",projectId: "blablabla",storageBucket: "blablabla",messagingSenderId: "blablabla",appId: "blablabla"
      });
    }else {
       firebase.app();
    }

    this.ref = firebase.database().ref(''messages'');

    this.ref.on("value",(snapshot: any) => {
      console.log(snapshot.val());
      this.items = snapshot.val();
    });
  }


  ngOnInit(): void {

  }

  establishRoom(): void {

  }

  onSend(): void{
    this.ref.push().set({
      content: this.message,});

  }

}

多次检查配置内容拼写(基本上我从 Firebase 网站复制它们)

在该行 this.ref = firebase.database().ref(''messages'');

上触发错误

工作环境是 Angular 11

解决方法

错误表明它在使用 firebase app config 中的 databaseURL 值时遇到问题。

如果您需要再次获取您的 Firebase 凭据,您可以通过 general settings 页面找到它们。确保提供的密钥遵循正确的格式,其中 PROJECT_ID 替换为您自己的项目 ID

databaseURL: "https://PROJECT_ID.firebaseio.com"

此外,如果您在应用中使用混淆,请确保它不适用于这些凭据

,

所以在挖掘问题之后,它发现由于某些原因默认数据库不是我想要使用的数据库。 所以我最终得到了这段代码

firebase.app().delete().then(() => {

      firebase.initializeApp({
        apiKey: "...",authDomain: "...",databaseURL: "...",projectId: "...",storageBucket: "...",messagingSenderId: "...",appId: "..."
      });

      console.log(firebase.apps)

      this.ref = firebase.database().ref(''rooms'');

      console.log(this.ref)

    });

所以我只是删除了我不想要的默认数据库并初始化了我需要的数据库

Android Studio - 如何从 google-services.json 获取 Firebase URL?因为当我打开 google-services.json 时,firebase URL 没有代码

Android Studio - 如何从 google-services.json 获取 Firebase URL?因为当我打开 google-services.json 时,firebase URL 没有代码

如何解决Android Studio - 如何从 google-services.json 获取 Firebase URL?因为当我打开 google-services.json 时,firebase URL 没有代码

这是我第一次使用 Firebase,我刚刚从 youtube 上学到了一些东西,教程说我必须在 google-services.json 复制我的 Firebase URL。但是当我打开它时,没有任何引用 Firebase URL 的代码

This is mine google-services.json

This is tutorial video that I watch

解决方法

如果您正在研究如何将您的 android studio 项目与 firebase 连接,您可以按照此文档 here 进行操作。

将您的项目直接连接到 firebase 非常简单,无需使用 android studio 复制粘贴 URL。此外,您要查找的 URL 可能会在您连接 Firebase 后生成。

,

实际上,我认为您必须从 Google Firebase 实时数据库中复制 URL 代码,而不是从 json 文件中复制。您必须通过路径从您的项目中复制:

google firebase -> 你的项目 -> 实时数据库 -> 数据 -> https 链接 (https://fir-model (...))

您必须复制并粘贴:

mR = new Firebase("paste URL");

之前你应该已经声明了一个变量 mR,例如:

private Firebase mR;

Android 上的 Flutter/Firebase verifyPhoneNumber() 总是调用 recaptcha“验证你不是机器人” 作为 Firebase verifyPhoneNumber() 流程的一部分,Android 需要什么配置以及在哪里进行配置才能停止重新验证?我已验证以下内容:Firebase 中发生了一些变化,但我找不到任何说明如何在 Android 上为 Firebase verifyPhoneNumber() 克服 recaptcha 的文档

Android 上的 Flutter/Firebase verifyPhoneNumber() 总是调用 recaptcha“验证你不是机器人” 作为 Firebase verifyPhoneNumber() 流程的一部分,Android 需要什么配置以及在哪里进行配置才能停止重新验证?我已验证以下内容:Firebase 中发生了一些变化,但我找不到任何说明如何在 Android 上为 Firebase verifyPhoneNumber() 克服 recaptcha 的文档

如何解决Android 上的 Flutter/Firebase verifyPhoneNumber() 总是调用 recaptcha“验证你不是机器人” 作为 Firebase verifyPhoneNumber() 流程的一部分,Android 需要什么配置以及在哪里进行配置才能停止重新验证?我已验证以下内容:Firebase 中发生了一些变化,但我找不到任何说明如何在 Android 上为 Firebase verifyPhoneNumber() 克服 recaptcha 的文档

作为 Firebase verifyPhoneNumber() 流程的一部分,Android 需要什么配置以及在哪里进行配置才能停止重新验证?

See screen recording.

在浏览器中的机器人验证打开之前,会记录:“SafetyNet Attestation Failed basic integrity”。

我已验证以下内容:

  1. 为我的项目启用了 Android 设备验证。然而,这没有任何作用。
  2. 删除了许多 SO 帖子建议的 Firebase Analytics 和其他依赖项,但仍然无济于事。
  3. 我已经添加了我的 SHA1,但也将我的 SHA256 添加到了 Firebase 项目设置。
  4. 为了排除我的应用程序中的某种依赖问题,我创建了一个全新的基本 Flutter 应用程序,除了 Firebase Core 和 Auth 之外,零依赖项以及 Flutter 中 Firebase 所需的典型设置。同样的事情发生 (screen recording)。
  5. 更新 - 此处可能的答案: The docs state:“reCAPTCHA 验证:如果无法使用 SafetyNet,例如当用户没有 Google Play 服务支持时,或者当在模拟器上测试您的应用程序时,Firebase 身份验证使用 reCAPTCHA 验证来完成电话登录流程。”我想它是根据文档工作的,但是有很多关于 SO 的帖子,用户声称他们即使在模拟器中也能够克服这个问题。

此应用未发布到 Google Play,仅在模拟器和物理 Android 设备上进行测试。

Firebase 中发生了一些变化,但我找不到任何说明如何在 Android 上为 Firebase verifyPhoneNumber() 克服 recaptcha 的文档。

recaptcha 返回后,codeSent 返回,其他 verifyPhoneNumber() 参数正常工作。

  1. await FirebaseAuth.instance.verifyPhoneNumber(
  2. phoneNumber: ''$_countryCode$_phoneNumber'',verificationCompleted:(PhoneAuthCredential credential) {
  3. print(''verificationCompleted'');
  4. },verificationFailed: (FirebaseAuthException e) {
  5. print(''verificationFailed'');
  6. },codeSent: (String verificationId,int resendToken) {
  7. print(''codeSent'');
  8. },codeAutoRetrievalTimeout: (String verificationId) {
  9. print(''codeAutoRetrievalTimeout'');
  10. },);

[

解决方法

自我上次使用以来,Firebase 电话身份验证已更新。

文档状态:

reCAPTCHA 验证:如果无法使用 SafetyNet,例如当用户没有 Google Play 服务支持时,或者在模拟器上测试您的应用时,Firebase 身份验证使用 reCAPTCHA 验证来完成手机登录流量。

在之前没有看到 reCAPTCHA 后看到它让我感到惊讶,所以我认为我的某些设置不正确。

只是一个很好的安全功能,可与 Firebase 电话身份验证无缝协作。

android-FIrebase Cloud Messaging,无法解析依赖项com.google.firebase:firebase-core:9.0.2

android-FIrebase Cloud Messaging,无法解析依赖项com.google.firebase:firebase-core:9.0.2

我试图按照here给出的指南使用Firebase Cloud Messaging编写应用程序,但我为添加实现FCM的依赖项而感到惊讶(com.google.firebase:firebase-core:9.0.2).每次我尝试通过项目结构添加它时,它都不会在搜索结果中列出依赖项.当我尝试将其添加到应用程序级别gradle中时,它给我一个错误,导致无法解决依赖关系.我不知道我要去哪里错了,但是请帮我解决这个问题.

解决方法:

从您的SDK管理器下载更新.我遇到过同样的问题.从SDK经理更新Google Play服务和Google Repository对我来说很有效.

今天的关于如何从 Angular Web 应用程序读取 Firebase 配置?angular读取本地json的分享已经结束,谢谢您的关注,如果想了解更多关于@firebase/database:无法确定 Firebase 数据库 URL确保在调用 firebase.initializeApp() 时包含项目 ID角度、Android Studio - 如何从 google-services.json 获取 Firebase URL?因为当我打开 google-services.json 时,firebase URL 没有代码、Android 上的 Flutter/Firebase verifyPhoneNumber() 总是调用 recaptcha“验证你不是机器人” 作为 Firebase verifyPhoneNumber() 流程的一部分,Android 需要什么配置以及在哪里进行配置才能停止重新验证?我已验证以下内容:Firebase 中发生了一些变化,但我找不到任何说明如何在 Android 上为 Firebase verifyPhoneNumber() 克服 recaptcha 的文档、android-FIrebase Cloud Messaging,无法解析依赖项com.google.firebase:firebase-core:9.0.2的相关知识,请在本站进行查询。

本文标签: