Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

Angular Kurs: Firebase in ein Angular Projekt einbinden

04.01.2021 (👁7482)

Angular Kurs: Firebase einbinden 1

 

 

In den meisten Angular Kursen wird zur Demo ein Client Server Beispiel erstellt, bei welchem der Server eine kostenlose Firebase Datenbank ist.

Firebase ist von Google und bietet auf sehr einfache Weise eine NoSQL Datenbank als Projekt zu erstellen.

 

Für kleine Datenmengen kann man davon ausgehen, dass Firebase kostenlos ist.

 

Link zu Firebase von Google

https://console.firebase.google.com/u/0/?pli=1

hier klickt man auf Projekt hinzufügen

 

 

 

 

Dann ein Projekt eingeben

Hier Angular-Kurs-CodeDocu

 

Danach kann man auf die eigene NoSQL Datenbank zugreifen

Hier kann man die Angular Datenbank einer iOS, Android oder Web App zufügen

 

Dann fügt man die Firebase Datenbank einer Angular App zu

Und registriert die Web app

 

 

Un dkann dann diese in den <body> tag der eigenen Angular index.html Seite einbinden

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script
src="https://www.gstatic.com/firebasejs/8.2.1/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->

<script
src="https://www.gstatic.com/firebasejs/8.2.1/firebase-analytics.js"></script>

<script>

 
// Your web app's Firebase configuration
 
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
 
var firebaseConfig = {
    apiKey
: "AIzaSyBM9RH3gsj0oZRyVpvK_xxxxxxxxxxxx",
    authDomain
: "angular-kurs-codedocu.firebaseapp.com",
    projectId
: "angular-kurs-codedocu",
    storageBucket
: "angular-kurs-codedocu.appspot.com",
    messagingSenderId
: "1699217710000",
    appId
: "1:169921771955:web:787664c132f03431xxxxxx",
    measurementId
: "G-1CHF3CXXXX"
 
};
 
// Initialize Firebase
  firebase
.initializeApp(firebaseConfig);
  firebase
.analytics();
</script>