Tuesday 15 February 2022

Vue.js where can I get my firebaseConfig details from .

 I have the following details that need filling in on my main.js page. 

const firebaseConfig = {
apiKey: "AAAAAAAAAAAAAAAAAAAAAAA",
authDomain: "some-domain.firebaseapp.com",
projectId: "some-project",
storageBucket: "some-project.appspot.com",
messagingSenderId: "11111111111111",
appId: "1:111111111111111:web:11111111111111",
measurementId: "G-88888888"
};



Where do we get the firebaseConfig information from ? 

First off let's get the API key.   Go to your Firebase Project page https://console.firebase.google.com/projec

Next to Project overview > click on Project settings. 



The next page will have your 'Web API Key'  .  However if it says 'Not configured' then all you need to do is go into your Authentication page first and then come back to this page.  

You'll see it's filled in now :)

However to see all your details on this page.  just type in 'firebaseConfig' and all the details are there in code lower on the page.







No comments: