Develop Reference

Authenticate users between firebase apps

I have a React app with firebase auth and storage
Following on my previous question with multiple firebase apps here, I ended having multiple firebase apps inside my project.
I have the DEFAULT app initialized
firebase.initializeApp({
apiKey: 'xxxxxxxxxxxxxxxxxxxx',
authDomain: 'buckettest-xxxxx.firebaseapp.com',
projectId: 'buckettest-xxxxx',
storageBucket: 'buckettest-xxxxx.appspot.com',
messagingSenderId: 'xxxxxxxxxxxxxxxxxxxx',
appId: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
measurementId: 'G-QZDBHEWHJ5',
});
Users log in with email and password, using signInWithEmailAndPassword method from firebase.auth() from the DEFAULT app above
In a component I create a secondary firebase app that connects to a different storage bucket as follows
const createStoreApp = (bucket) => {
const firebaseStoreApp = firebase.apps.length === 1
? firebase.initializeApp({
storageBucket: bucket.name,
apiKey: 'xxxxxxxxxxxxxxxxxxxx',
authDomain: 'buckettest-xxxxx.firebaseapp.com',
projectId: 'buckettest-xxxxx',
storageBucket: 'buckettest-xxxxx.appspot.com',
messagingSenderId: 'xxxxxxxxxxxxxxxxxxxx',
appId: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
measurementId: 'G-QZDBHEWHJ5',
}, 'storage')
: firebase.apps[1];
return firebaseStoreApp;
};
This solution works perfectly BUT there is the issue that there is no autheticated user on this secondary app.
Is there a way to autheticate the currentUser from the DEFAULT app instance to the second one without asking for credentials?

Each initialized app instance has its own authentication. You can't have one app instance reach into another app to get its auth data. As such, you will need to use the Firebase Auth APIs to sign in the user in to the second app instance separately. Since you're using signInWithEmailAndPassword, it sounds like you're going to have to store the user's credentials somewhere until you're able to call initializeApp again with them as needed.

firebase config options in .env works in local server but show error when deployed to netlify

i'm trying to add my firebase option to .env variables add add those in my firebase config and they run ok without any error in console on local host but when it's deployed it to netlify it throws error this error in console projectId must be a string in FirebaseApp.options i dont know what i'm doing wrong here. i tried adding project id in template string so i can use the .env variable and i checked the type of process.env.VUE_APP_PROJECTID is string but it still throw that error.i can provide more details if needed and i'm using it in vue.js
.env file
VUE_APP_APIKEY="***********"
VUE_APP_AUTHDOMAIN= "***********"
VUE_APP_DATABASEURL = "***********"
VUE_APP_PROJECTID ="***********"
VUE_APP_STORAGEBUCKET = "***********"
VUE_APP_MESSAGINGSENDERID ="***********"
VUE_APP_APPID="***********"
firebase config object in main.js
var firebaseConfig = {
apiKey: process.env.VUE_APP_APIKEY,
authDomain: process.env.VUE_APP_AUTHDOMAIN,
databaseURL: process.env.VUE_APP_DATABASEURL,
projectId: `${process.env.VUE_APP_PROJECTID}`,
storageBucket: process.env.VUE_APP_STORAGEBUCKET,
messagingSenderId: process.env.VUE_APP_MESSAGINGSENDERID,
appId: process.env.VUE_APP_APPID
};

Firebase - need to fix javascript sdk auth error

I'm always getting this error:
TypeError: firebase.auth is not a function
Here is my code base, can some one help me plz?
const functions = require('firebase-functions');
var firebase = require("firebase/app");
var firebaseConfig = {
apiKey: "AIzaSyCGLNi4KMtUSC3CC3s6V-ZLQA87fDEuP-w",
authDomain: "octatradesfirebasedemo.firebaseapp.com",
databaseURL: "https://octatradesfirebasedemo.firebaseio.com",
projectId: "octatradesfirebasedemo",
storageBucket: "octatradesfirebasedemo.appspot.com",
messagingSenderId: "889486380424",
appID: "1:889486380424:ios:fb54696dc8f4a731df7e3d"
};
firebase.initializeApp({firebaseConfig});
console.log(firebase.auth);
});

If you want to use Firebase Authentication, you'll need to include firebase/app and firebas/auth.
var firebase = require("firebase/app");
require("firebase/auth");
That second require statement will add the firebase.auth() object.
Also see the Add Firebase SDKs and initialize Firebase section of the Firebase documentation.

You are going to need to add <script src="/__/firebase/6.6.1/firebase-auth.js"></script> or <script defer src="https://www.gstatic.com/firebasejs/6.6.1/firebase-auth.js"></script> to your app

Sending data to Firebase database from Javascript

I am very new in javascript and Firebase Database, and I cant quite comprehend how to send data to my database from it. I am sending data from an html document and I know how to record the information in to a variable, but now I want to send it to firebase and I dont know how to initialize the Firebase Database from Javascript. Thank you.

You need to use JavaScript SDK of Firebase.
Configure you app first.
<script src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js"></script>
<script>
// Initialize Firebase
// TODO: Replace with your project's customized code snippet
var config = {
apiKey: "<API_KEY>",
authDomain: "<PROJECT_ID>.firebaseapp.com",
databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
storageBucket: "<BUCKET>.appspot.com",
messagingSenderId: "<SENDER_ID>",
};
firebase.initializeApp(config);
</script>
To read data:
firebase.database().ref('/list').once('value').then(function(data) {
// ...
});
read this documentation for more details:
Add Firebase to your JavaScript Project

Firebase credentials don't work when authenticated

I'm trying to implement an authentication for firebase in my react app. I do that with github but it's not relevant.
So I have some credentials and they work just fine. I can fetch my data from db and manilpulate it.
Until I login...
After successfully executing this: firebase.auth().signInWithPopup(githubProvider).then ...
I start constantly receiving warnings of that kind:
FIREBASE WARNING: Provided authentication credentials for the app named "[DEFAULT]" are invalid. This usually indicates your app was not initialized correctly. Make sure the "apiKey" and "databaseURL" properties provided to initializeApp() match the values provided for your app at https://console.firebase.google.com/.
I can't do anything to my DB.
And this continues until I log out with firebase.auth().signOut().then ... then everything works fine again.
inb4: I am 100% confident that my credentials are correct. I have copied and pasted them several times.
Can someone give me insight on what is going on in that case?
And here's how I initialize the App
import firebase from 'firebase';
try {
const config = {
apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
databaseURL: process.env.REACT_APP_FIREBASE_DATABASE_URL,
projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
};
firebase.initializeApp(config);
} catch (e) {}
export const githubProvider = new firebase.auth.GithubAuthProvider();
export const firebaseRef = firebase.database().ref();
export default firebase;