Firebase – baza danych od google
Firebase – rozpoczynamy projekt
zarządzanie – panel
Authentication
metody kolekcji:
- db.collection(’name-of-collection’).onSnapshot()
- db.collection(’name-of-collection’).add()
- db.collection(’name-of-collection’).edit()
- db.collection(’name-of-collection’).delete()
- db.collection(’messages’).orderBy(’timestamp’)
- db.collection(’name-of-collection’).doc(slug).set() – dodanie do dokumentu kolekcji rekordu, wstawienie wartości do właściwości
metody snapshot:
- snapshot.docChanges()
deploy
- $ npm install -g firebase-tools
- $ firebase login
- $ firebase init – w katalogu projektu
- project setup:
- Database
- * Firestore
- Functions
- * Hosting
- Storage
- wybranie projektu w firebase
- jakie pliki powinny być użyte dla Firestore Rules – wybieramy default (firestore.rules)
- jakie pliki powinny być użyte dla Firestore indexes – wybieramy default (firestore.indexes.json)
- wybieramy katalog public (np dist)
- czy konfigurujemy jako single-page app (y/n)
- project setup:
- bildujemy projekt by najnowsze zmiany znalazły się we wskazanym katalogu dist
- $ firebase deploy – wgranie wszystkiego do firebase i otrzymanie urla do aplikacji
deploy
https://console.firebase.google.com/project/ – wybieramy projekt – hosting – button Get started
Hope this helps and happy coding :)
Zobacz jeszcze
Różne stany inputa
/* Show red borders when filled, but invalid */ input:not(:placeholder-shown) { border-color: hsl(0, 76%, 50%); } /* Show green borders when valid */ input:valid { border-color:...
form
Wordpress post pagination
Paginacja postów w WP w function.php definiujemy globalny wygląd i parametry: // global pagination function globalPagination() { $args = [ 'screen_reader_text' => ' ',...