Questions tagged [firebase]

Firebase is an innovative platform that offers a serverless solution for seamlessly creating and managing applications across mobile devices and the web.

How to retrieve the second query result using Firestore cloud function

I am facing an issue with my on-create cloud function. I need to transfer data from one container to another. The first query appears to be running fine as I can check the data, but I'm encountering a problem with the second query where I attempt to add it ...

I'd like to know how to retrieve a total count of all the documents within a Firebase collection using Angular

My code currently fetches documents from a collection, but it's only bringing back 15 at a time (from what I can gather). This is causing an issue as I need to accurately determine the total number of documents in the collection for a program I'm developin ...

Using Firebase Realtime Database, this React dropdown menu is populated with options in real-time. Combining the features

I'm currently facing an issue with a dropdown that is supposed to loop through data fetched from the Firebase realtime database. The goal is to assign a selected value to a Formik form for saving it to another object in the database. In my database, I hav ...

Retrieving a single document using Firebase with VueJS

My goal is to retrieve a specific document from firebase using the auto-generated ID as my route parameter. However, I am not getting any data in return. I want to use the when() method to fetch a document with an auto-generated ID that matches my query, ...

Normalization of Firebase Database

Recently, I developed a Tricycle Patrol app designed to address the prevalent issue of reckless tricycle drivers in our city. Users can log in and submit reports through a form that includes fields such as: - created_at - description - lat - lng - plateNu ...

Maintain the app's data continuity even as I switch between different pages and return

I'm currently using React and Next.js in conjunction with Firestore. As I fetch data from Firebase on one page using useEffect once the page is rendered, I've noticed that the read operation can be resource-intensive. To avoid unnecessary fetchin ...

The 'GoogleAuthProvider' property cannot be found on the 'AngularFireAuth' type

When attempting to sign in with Google using 'AngularFireAuth', I encountered an error. Here is the code snippet from my auth.service.ts file: import { Injectable } from '@angular/core'; import { first } from 'rxjs/operators'; ...

Steps to obtain the download URL from AngularFireStorage after uploading the file using the getDownloadUrl() method

After successfully uploading images into my firebase storage, I want to retrieve the downloadURL and add it to my firestore database. When console logging "url", I am able to see the desired link. However, I am facing difficulties in using it. When attemp ...

Reorganizing Firebase data in Ionic 2

I am currently working on an exciting project to develop an Ionic notes application, where users can easily rearrange items in the list using the reorderArray() function. However, I encountered an issue with Firebase resulting in an error message related t ...

"Executing a query on Angular Firestore using the where clause fetches all documents from the

I am encountering a perplexing issue with my angular app that is connected to Firestore. Despite following the documentation closely, when I query for documents in a collection based on a specific condition, the array returned contains every single documen ...

Setting up data in Firebase can be challenging due to its complex structure definition

https://i.stack.imgur.com/iclx7.png UPDATE: In my firebase structure, I have made edits to the users collection by adding a special list called ListaFavorite. This list will contain all the favorite items that users add during their session. The issue I a ...

How to showcase information stored in Firebase Realtime Database within an Ionic application

Looking to list all children of "Requests" from my firebase realtime database in a structured format. Here's a snapshot of how the database is organized: https://i.stack.imgur.com/5fKQP.png I have successfully fetched the data from Firebase as JSON: ...

Combining two numbers retrieved from Firebase using React

Hello, I am new to React and finding it challenging to perform mathematical calculations with React. I have been attempting to add two values retrieved from a Firebase database, but they keep displaying as strings without adding the actual values together. ...

The loading of npm installed Firebase in Angular4 is not successful

I am currently facing an issue while trying to integrate npm installed Firebase with my Angular4 application. I have successfully installed the latest version of Firebase (version 4.1.1) using npm and verified that the installation was successful. Below is ...

Encountering a Firebase deployment problem: Issue with build process: npm error! Call stack size surpasses the

I am encountering an issue while trying to deploy my Firebase Cloud Function using the following command: firebase deploy --only functions:helloWorld Although the command succeeds occasionally, most of the time it fails with the error mentioned above. Wha ...

What methods are available to rapidly test Firebase functions?

While working with Typescript on firebase functions, I have encountered challenges in testing and experimenting with the code. Despite using the Lint plugin to identify errors without running the code, I am struggling to run the code and view the output. ...

Showing fetched data from Firebase in an Ionic 3 HTML file

Looking for assistance on how to display data retrieved from my firebase database in my HTML file. I need help with organizing the data, starting with displaying customer user's data. Eventually, I want to make it clickable and put the user's dat ...

Issue encountered while attempting to execute "npm install --save firebase"

When attempting to run the command "npm install --save firebase", I encountered the error below: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="482e3b2d3e2d263c3b0879667a667c">[email protected]</a> install /U ...

Attempting to invoke a TypeScript firebase function

I'm currently working on incorporating Firebase functions in my index.ts file: import * as functions from "firebase-functions"; export const helloWorld = functions.https.onRequest((request, response) => { functions.logger.info("Greet ...

Android's Edge browser now allows users to subscribe to web push notifications using the npm command, which will return an

Recently, I encountered a strange issue with the node.js web-push functionality that had been working flawlessly across different browsers and platforms. Everything was going smoothly on Chrome, Firefox, Opera, and even on Android, until I tested it on t ...

Decoding the data received from Firebase

Currently, I am utilizing c# to communicate with Firebase through the provided REST API. Upon sending a GET request to a specific node, the children are retrieved as anticipated. { "49d360b0-b3a8-4240-bd69-1f91b07365fd" : { "id" : "49d360b0-b ...

React: Importing functions from other files is not allowed

As someone coming from an Angular background, I recently started using React and everything was going smoothly until I encountered an error while checking if Firebase is initialized: TypeError: _assets_Services__Firebase__WEBPACK_IMPORTED_MODULE_11__.defau ...

Issue with sending events to Firebase Analytics platform from the web

Database Version: 12.5.0 Project: React Native with Redux How I'm querying: const fetchUserData = useCallback( (userId: string) => { if (typeof window !== "undefined") { database().fetchData(userId) } }, [] ) What the Databas ...

Tips for speeding up the process of sending emails with nodemailer and firebase

We've successfully implemented code that triggers emails to a user and their contacts whenever a new node is added to a specific path in Firebase's realtime database. Currently, the average time taken to send these emails is approximately 4 minu ...

Error message saying "Firebase not defined after Ember CLI installation using npm"

After completing the necessary steps in the command line to set up Ember CLI, Firebase, and EmberFire using node, I encountered an issue where Firebase is not defined in app/adapter/application.js npm install -g ember-cli npm install -g bower npm instal ...

Dynamic color changing AppBar in Material-UI while scrolling in a React application

I have been struggling to change the color of the material-ui Appbar component when scrolling. I am not sure if there is a built-in functionality for this or if 'useScrollTrigger' can be used in this case. Any guidance on how to achieve this would be great ...

Is there a way to effectively sort through Firebase database entries using Angular based on checkbox selection?

I am working on an event page where all events are displayed with a category field. This is how my database structure looks: category: - categoryName events: - eventName - category.id (stores the category id) My goal is to initially display all eve ...

React/NextJS: Firebase Realtime Database displaying the message "Error: Client is offline"

Encountering an occasional error when using React with NextJS to fetch data from a Firebase Realtime Database. Unhandled Runtime Error Error: Error: Client is offline. Currently utilizing Firebase version 9.0.1 for React. The initialisation and configura ...

search for a specific value within a nested subfield of an asterisk star field in Firestore

Here is the data I have: { root: { _rEG: { fen: 'value' }, _AS: { fen: 'value' }, _BSSA: { fen: 'value' } } } I would like to query using where('root.*.fen', '==', 'value'). Any suggestions on how I can achieve this? I was thinking o ...

I'm encountering an issue where the variable "user" cannot be found. This problem is arising while working with Firebase Auth alongside the most recent SDK version of Expo (SDK 42)

import { StyleSheet, Text, View } from "react-native"; import { NavigationContainer } from "@react-navigation/native"; import { createNativeStackNavigator } from "@react-navigation/native-stack"; import LoginScreen from " ...

"Encountering issues with Firebase deployment related to function-builder and handle-builder while working with TypeScript

I encountered 4 errors while executing firebase deploy with firebase cloud functions. The errors are originating from files that I didn't modify. node_modules/firebase-functions/lib/function-builder.d.ts:64:136 - error TS2707: Generic type 'Req ...

Weird: While AngularJS $scope can display all data in the View, it strangely refuses to show the

Is there something odd happening here or am I overlooking a crucial detail? The template view I am working with is as follows: User-Profile.html <div id="divUserProfile" ng-controller="userProfileController"> <h1>User Profile</h1> ...

Is there a way to verify if the data_URL is specifically delivering a video or image file? - Utilizing Firebase with Next.js/React

After uploading the image to Firebase, it is returned as a unique data URL format: https://firebasestorage.googleapis.com/v0/b/app_name/o/posts%2postId?alt=media&token=token The challenge lies in determining whether the file type is a video or an imag ...

Guide on updating a property key in Firebase real-time database with Angular 7

Is it possible to modify the key of a property in my firebase database that I have been struggling with? ...

Utilizing Correlated Filters in Conjunction with Firebase Database

I am struggling with a firebase query that requires adding a where() condition based on a certain criteria. Specifically, I want the where() clause to be included only if certain values are entered, otherwise the basic query should run as usual. However, ...

Encountered a surprise JSON ERROR during installation of a React Native package

I encountered an issue while trying to add the firebase package to my React Native project. npm i --save firebase When running the above command, I received the following error: npm ERR! Unexpected end of JSON input while parsing near '...5L/bQQbhWxIzUFW6 ...

Displaying Firebase snap.val using the ng-repeat directive

Just a quick question: I'm attempting to iterate through data in my $scope.discover using ng-repeat. Here is the code snippet I am using to fill that scope: const businessKey = '-KQ1hFH0qrvKSrymmn9d'; const rootRef = firebas ...

Firebase scheduled function continues to encounter a persistent issue with an "UNAUTHENTICATED" error being consistently thrown

I have created a firebase-function that is scheduled to retrieve data from an external API source and save it in Firestore. const functions = require("firebase-functions"); const admin = require("firebase-admin"); const { default: Axios ...

Unable to render properly after saving to Firebase

Currently, I am working on developing an express app that creates a Google map using geo coordinates extracted from photos. My goal is to utilize Firebase for storing data related to the images. While my code is functioning properly, I encountered an issue ...

Whenever I try to post a new order to my Firebase database, an error pops up saying "TypeError: Cannot read property 'numberOfSuits' of undefined."

When testing the code below on Postman, I encountered a typeerror (TypeError: Cannot read property 'numberOfSuits' of undefined). Additionally, when I removed the last three fields to only post the first two default fields, the data was successfully writ ...

Resolving the Duplicate Identifier Issue in Ionic 2 with Firebase Integration

I'm struggling with setting up ionic2 + Firebase 3. Following a tutorial, I installed Firebase and Typings using the commands below: npm install firebase --save npm install -g typings typings install --save firebase However, when I try to run ionic ser ...

The condition is not established by the Firestore where clause

I'm working on a function that includes two where clauses. My objective is to verify the existence of a document based on the presence of two specific IDs. However, when I execute the function, it retrieves all the records in the collection instead. Can ...

Storing Firestore Timestamp as a Map in the database

Snippet Below const start = new Date(this.date + 'T' + this.time); console.log(start); // Thu Sep 12 2019 04:00:00 GMT+0200 const tournament:Tournament = { start: firebase.firestore.Timestamp.fromDate(start) } When passing the tournament ...

Changing a password on Firebase using Angular 5

I am in the process of developing a settings feature for user accounts on an application I've been working on. One key functionality I want to include is the ability for users to update their password directly from the account settings page. To enable this ...

What is the best way to make a Firestore request that relies on the initial Firebase response in Next.js?

Is there a way to perform a second cloud Firestore query using the uid obtained in the first query, without the second query executing before receiving the response from the first one? Here's my code: var {data} = useSWR('/api/report', fetcher); var ...

Enhance your Flatlist re-rendering skills in React Native by utilizing componentWillRecieveProps!

UNSAFE_componentWillMount(){ this.props.retrieveEmployeeData(); } displayEmployeeRow(employee){ return <ListItem employee={employee}/>; } render(){ return( <FlatList style={{flex:1,height:100}} dat ...

I am having trouble getting my "sign in with Google" feature (built with Firebase and React) to work properly after deploying to AWS. What could be causing

I'm in the process of developing a React app integrated with Firebase. My aim is to utilize Firebase's auth features to enable users to sign in using Google credentials. Below is the code snippet I've implemented: <button onClick={handleGoolgeSign ...

Get multiple documents when using Next.js with Firebase - Why is getDocs() only retrieving the

I'm in need of the complete collection. The issue I'm facing is that the places variable is only fetching the first document. Any assistance on this matter would be greatly appreciated. import { app, auth } from '../firebase' import { g ...

Is it possible to utilize AngularfireList without observables? In other words, can I retrieve an AngularfireList object directly from Firebase and then process it in

I am attempting to retrieve an object from Firebase using AngularFire and angularfirelist. However, the returned object is not what I expected. Here is my code: export class AdminProductsComponent implements OnInit { products$ : AngularFireList<unkn ...

Using express and consign for routing in Firebase Cloud Functions

I am looking to incorporate routing within my Express application, which will be exposed through a cloud function. Here is the content of my functions/index.js file : const functions = require('firebase-functions'); const express = require('express'); co ...

There seems to be an issue with Firebase authentication on firebase-admin in node.js. Your client is being denied permission to access the URL "system.gserviceaccount.com" from the server

Issue I've been utilizing Firebase auth on my client and using firebase-admin to verify on the server. It was functioning well until I decided to migrate to a different server, which caused it to stop working. The crucial part of the error message i ...

Strategies for resolving the "Objects are invalid React children" issue in Next.js 13 and Next Auth

I am currently developing an application using Next JS 13 with Firebase and Next Auth. After integrating Firebase with Next Auth and utilizing the session, I encountered an error. Error: Objects are not valid as a React child (found: [object Promise]). If ...

What could be causing the "502 Gateway" error specifically for POST requests in my NextJs app hosted on Firebase?

I've encountered an issue while trying to build an API with the NextJs framework and hosting it on Firebase (Hosting and Functions). The GET requests work fine, but when I try to send a POST request, I keep getting a "502 Bad Gateway" error. To replicate ...

Creating specialized exception classes for use in Firestore Callable Functions and VueJS deployments

Up to this point, I have experimented with different approaches. X class CustomError extends Error { constructor(message, code) { super(message); this.code = code; } } exports.CustomError = CustomError; VueJS is giving an error "exports is n ...

I am encountering a problem while attempting to fetch information from Firestore through the Firebase JS SDK

My current challenge revolves around retrieving data from Firestore using the Firebase JS SDK. A specific error message persists: An unexpected issue arises: TypeError: firebase_firestore__WEBPACK_IMPORTED_MODULE_3__.getDoc(...).data is not a function I ...

Firebase login success callback not getting invoked

I have set up routes, the AuthGuard, and Firebase login in my project. I am using callbacks to handle the success and failure of the Firebase login process. successCallback(signInSuccessData) { console.log("Received with Success!"); } errorCallback(e ...

How can I receive live notifications for a document as soon as it is created?

My Angular app is connected to Cloud Firestore, and I've created a function in a service to retrieve a user's rating from the 'ratings' collection. Each rating is stored in this collection with the document ID being a combination of the ...

Is it possible to engage in peer-to-peer chatting using the Firebase Chat application on a web platform?

I'm currently utilizing a firebase chat application in conjunction with AngularJS. My specific need is for messages to be sent from one user to another user only, without being broadcasted to all users. Are there any methods or frameworks that allow for ...

Ways to choose a Gmail account for logging into Firebase on mobile applications using Vue for a cross-platform application

Currently, I am developing a cross-platform app for iOS and Android that utilizes a .vue view to handle authentication via Gmail on Firebase. My approach involves using Google as the provider: provider = firebase.auth.GoogleAuthProvider() firebase.auth().s ...

Issue encountered during Firebase deployment: Module '@babel/runtime/helpers/builtin/interopRequireDefault' not found

Struggling to deploy firebase functions and encountering multiple issues. During the deployment process, facing a babel error: Error: Cannot find module '@babel/runtime/helpers/builtin/interopRequireDefault' at Function.Module._resolveFilen ...

Error: n.indexOf function is not defined - Issue with Firebase

After integrating Stripe into Firebase, I encountered an issue where a specific line of code is supposed to execute whenever a user upgrades their plan. This code should create checkout sessions in the users' collection, but it throws an error instead ...

Get specific information from Firebase based on a certain field

I am working with Firebase and the database structure I have is as follows: Users user1 email: "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c2a7baa3afb2aea7f382b6a7b1b6eca1adaf">[email protected]</a>" ...

Implementing Twitter Login with Vue, Vuex, and Firebase

Exploring a Twitter login option for my sports social media dashboard project, I followed a helpful tutorial. While I've successfully implemented the HelloWorld component and retained the app.vue and main.js components, I encountered an error stating ...

Personalizing the website icon for a nextJS app on Firebase

My nextJS app on firebase was created using the following commands in the terminal: % npx create-next-app@latest % cd myapp % firebase experiments:enable webframeworks % firebase init hosting % npm i react-firebase-hooks I'm currently attempting ...

Enhancing data with AngularJS and Firebase

I enjoy using firebase, but sometimes their documentation lacks detail. When updating changes in the database, I follow their instructions. var ref= new $window.Firebase('https://mysite.firebaseio.com/arcade/'+$scope.gameID+'/scoreTracker/'+$sco ...

Using multiple where clauses in Firebase for advanced querying

Let me explain the scenario. Within my database, there is a Users collection. Some users have a property called userType, while others do not. The values for userType can either be person or company. I want to retrieve only the users that have the userTyp ...

Utilize Firebase for Playwright to efficiently implement 'State Reuse' and 'Authentication Reuse'

In my testing environment, I want to eliminate the need for repeated login actions in each test run. My approach involves implementing 'Re-use state' and 'Re-use Authentication', but I've encountered a challenge with Firebase using indexedDB instead of Coo ...

Issue with Typescript express application utilizing express-openid-connect wherein cookies are not being retained, resulting in an infinite loop of redirects

For a while now, I've been facing a block with no resolution in sight for this particular issue. Hopefully, someone out there can lend a hand. Background I have a TS express application running on Firebase functions. Additionally, I utilize a custom ...

What could be causing the SignatureDoesNotMatch error when attempting to save thumbnail URLs using Firebase Storage Cloud Storage triggers?

Using the firebase resize extension to automatically create resized pictures, such as turning user1profile into user1profile_320x320. A trigger function is in place to update documents in firestore once the thumbnail is generated: const isThumbna ...

Unable to find solutions for all parameters in AngularFirestoreDocument: (?, ?)

I have integrated Angular 11 with Firebase for authentication and Firestore for data collection. However, I encountered an error message Can't resolve all parameters for AngularFirestoreDocument: (?, ?). How can I resolve this null injector issue? On ...

Oops! The provided value for the argument "value" is not a valid query constraint. Firestore does not allow the use of "undefined" as a value

I encountered an error while exporting modules from file A and importing them into file B. When running file B, the error related to Firebase Cloud Firestore is displayed. const getMailEvents = (startTime, endTime) => { serverRef = db.collection("Ma ...

Whenever I attempt to bring in AngularFireModule, an error promptly appears

I am experiencing some errors when trying to import AngularFireModule and initialize the app with environment.firebaseConfig. I have tried to solve the problem but without success. Can anyone provide guidance on what steps I should take? @NgModule({ decl ...

What is the best way to display information pulled from an API in Angular using ng2 charts?

Hello, can you lend me a hand? I'm currently facing an issue while attempting to display data using ng2 charts in my Angular application. The data is being fetched from a Firebase API, but unfortunately, it's not rendering properly and I can&apos ...

Error: Attempting to access index '0' of an undefined property in firebase and vuex

When using a vuex action to upload an image to Firebase and save the URL, everything seems fine until trying to retrieve the downloadUrl and adding it to the meetup database reference. The code I have looks like this: actions: { createMeetup ({commit ...

Is there a way to store data in Firebase without generating a unique identifier for each entry?

I am currently facing a challenge with saving my data in the firebase database. The issue lies in the fact that the data is saved with an auto-increment ID, whereas I require a custom ID for each entry. Can someone please provide guidance on how I can achi ...