Forum Pasja Informatyki - Najnowsze z tagiem firebase

Aplikacja cross platform 2025

Fri, 02 May 2025 00:22:35 +0000

Jakie są wasze opinie dotyczące doboru języka do budowy apki ios/android w 2025.

Jaki front/back/serwer etc.

Które technologie waszym zdaniem są najlepsze do średniej skali.

Google Firestore - jak rozdzielić dane między zalogowanymi użytkownikami?

Sat, 11 Mar 2023 20:05:51 +0000

Cześć

Przygotowuje podstawową stronę w oparciu o firebase.

Udało mi się stworzyć logowanie oraz rejestrację oraz dodawanie danych danych do firestore poprzez formularza.

Niestety dane są przypisane do ogólnej bazy danych, czy da się je rozdzielić na użytkowników?

Próbowałem to znaleźć w necie oraz w dokumentacji firebase, ale niestety nie wiem jak to prawidłowo napisać żeby odszukać rozwiązanie mojego problemu. Czy spotkaliście się z tym lub wiecie jak to zrobić?

Aktualnie mój kod JS z sprawdzaniem czy użytkownik jest zalogowany oraz z dodawaniem treści wygląda w ten sposób:

import {initializeApp} from 'https://www.gstatic.com/firebasejs/9.17.1/firebase-app.js';
import { getFirestore, collection, getDocs, addDoc, updateDoc, setDoc} from "https://www.gstatic.com/firebasejs/9.17.1/firebase-firestore.js"; 

const firebaseConfig = {
    
};


const app = initializeApp(firebaseConfig);
const db = getFirestore(app);
const colRef = collection(db,'Note');
// const washingtonRef = doc(db, "cities", "DC"); //update doc

//wypisywanie dokumentu
const querySnapshot = await getDocs(collection(db, "Note"));
querySnapshot.forEach((doc) => {
  // doc.data() is never undefined for query doc snapshots
    console.log(doc.id, " => ", doc.data().Title);
    console.log(doc.id, " => ", doc.data().Descritpion);
});

//dodawanie poprzez formularz
const addNote = document.querySelector('.note-container');
const addBtn = document.querySelector('.note-btn');
addBtn.addEventListener('click',(e)=>{
    e.preventDefault();

    if(addNote.title.value && addNote['text-body'].value != null){

    addDoc(colRef,{
        Title: addNote.title.value,
        Descritpion: addNote['text-body'].value
    })
    .then(()=>{
        addNote.reset();
    });
    console.log('dodano treść');
}
else{
    alert("dodaj treść");
}
});

onAuthStateChanged(auth, (user) => {
    if (user !== null) {
        setTimeout("location.href = 'Index.html';",1500);
        const uid = user.uid;
    // ...
} else {
    // User is signed out
    // ...
}
});

Pobieranie danych z firestore

Sat, 04 Jun 2022 11:03:44 +0000

Cześć.

Zacząłem robić bazę danych w firebase. Pobieram wartość z bazy danych i pushuje to do tablicy. Kiedy wypisuje całą tablicę to dane są poprawne, kiedy natomiast próbuje ją zmapować lub wypisać konkretny element tej tabeli to zwraca undefined. Nie bardzo rozumiem dlaczego oto kod:

import { useAuth } from '../context/AuthContext';
import { getFirestore, collection, getDocs } from "firebase/firestore";

const Tasks = () => {
    const { currentUser } = useAuth();

    let tasks = [];

    getDocs(collection(getFirestore(), 'userTasks')).then(snap => {
        snap.docs.forEach(ele => {
            if(ele.data().email === currentUser.email) {
                tasks.push({id: ele.id, ...ele.data()});
            }
        });
    }).catch(err => console.log(err));

    
    console.log(tasks); 
    /*
        [
            {
                "id": "pNH0ntPSVHdqqH5de11o",
                "tasks": {
                    "name": "Work",
                    "desc": "go to work"
                },
                "email": "test@test.com"
            }
        ]
    */

    console.log(tasks[0]) // undefined
    return ( 
        <main className="content adder">
            <div className="inner">
                <h1>Add Task</h1>
                <article className="main">
                    <ul>
                    </ul>
                </article>
                <div className="opts">
                    <input type="button" value="Add Task" />
                </div>
            </div>
        </main>
    );
}
 
export default Tasks;

console.log(tasks) wyświetla jednoelementową tablice, jednak console.log(tasks[0]) daje undefined. docelowo chce wyświtlać te dane w elemencie ul. Czy ktoś może powiedzieć dlaczego ta tablica się tak zachowuje?

Jaka jest najlepsza baza danych do aplikacji mobilnej Android Kotlin

Sun, 08 May 2022 14:57:05 +0000

Cześć. Zaczynam pisać własną aplikację na Android z użyciem Kotlina. Aplikacja ma służyć wielu (ok. 30) użytkownikom, którzy będą mogli założyć konto, stworzyć grupę dodając innych użytkowników oraz dodawać produkty do listy zakupów. W późniejszym etapie tworzenia aplikacji chcę rozszerzyć funkcjonalności. Natomiast mam zagwozdkę dotyczącą jakiej bazy danych wybrać. Myślałam o Firebase, ale nie wiem czy byłaby tu lepsza Firebase Realtime Database czy Cloud Firestore.
Czy mógłby mi ktoś doradzić, która z tych baz (a może w ogóle nie Firebase) by się do tego najbardziej nadawała?

Flutter - Pobieranie danych z Firebase i tworzenie listy

Tue, 21 Dec 2021 11:24:45 +0000

Cześć. Ostatnio zacząłem robić projekt we Flutterze. Chciałbym zrobić aplikację do kontrolowania domu zdalnie. Wymyśliłem już, że będę ją kontrolować poprzez baze Firebase Realtime db. Do teraz nawet jakoś mi szło, ale w najważniejszym momencie się zgubiłem. Mianowicie potrzebuję pobierać dane z wyżej wspomnianej bazy, następnie tworzyć z nich listę oraz wyświetlać na ekranie w StaggeredGridView. Chciałbym również móc kontrolować stan lampki oraz w przyszłości jej jasność.

W tym momencie udało mi się utworzyć taki model:

import 'package:firebase_database/firebase_database.dart';

class ApplianceBoxModel {
  ApplianceBoxModel({
    this.id,
    this.name,
    this.state,
    this.wifiSsid,
  });

  String id;
  String name;
  bool state;
  String wifiSsid;

  ApplianceBoxModel.fromSnapshot(DataSnapshot snapshot)
      : id = snapshot.key,
        name = snapshot.value['name'],
        state = snapshot.value['state'],
        wifiSsid = snapshot.value['wifi_ssid'];

  toJson() {
    return {
      "name": name,
      "state": state,
      "wifi_ssid": wifiSsid,
    };
  }
}

No i tutaj się pogubiłem. W jaki sposób mogę ściągać dane do tej listy?

Do tej pory używałem "stałej" listy:

  static List<ApplianceBoxModel> getItems() {
    return [
      ApplianceBoxModel(
        name: 'Lampka_1',
        state: false,
      ),
      ApplianceBoxModel(
        name: 'Lampka_2',
        state: false,
      ),
      ApplianceBoxModel(
        name: 'Lampka_3',
        state: false,
      ),
      ApplianceBoxModel(
        name: 'Lampka_4',
        state: false,
      ),
      ApplianceBoxModel(
        name: 'Lampka_5',
        state: false,
      ),
      ApplianceBoxModel(
        name: 'Lampka_6',
        state: false,
      ),
    ];
  }

grid_view.dart

class MyGridView extends StatefulWidget {
  @override
  _MyGridViewState createState() => _MyGridViewState();
}

class _MyGridViewState extends State<MyGridView> {
  List<ApplianceBoxModel> applianceBoxModel = Utils.getItems();
  bool zmienna = false;

  @override
  Widget build(BuildContext context) {
    final DatabaseReference _dbref =
        FirebaseDatabase.instance.reference().child("testowe");
    return Container(
        margin: EdgeInsets.fromLTRB(18, 20, 18, 18),
        child: StreamBuilder(
          stream: _dbref.onValue,
          builder: (context, snapshot) {
            if (snapshot.hasData &&
                !snapshot.hasError &&
                snapshot.data.snapshot.value != null) {
              print("DATA: ${snapshot.data.snapshot.value.toString()}");
              //_dbref.push().set({"name": "janek", "surname": "kowalski"});
            }

            return Container(
              child: StaggeredGridView.countBuilder(
                physics: BouncingScrollPhysics(),
                crossAxisCount: 3,
                itemCount: applianceBoxModel.length,
                itemBuilder: (BuildContext context, int index) {
                  return ApplianceBoxState(
                    applianceBoxModel: applianceBoxModel[index],
                    onDeviceCardClick: () {},
                    isSwitched: zmienna,
                  );
                },
                staggeredTileBuilder: (int index) =>
                    new StaggeredTile.extent(1, 120),
                mainAxisSpacing: 15,
                crossAxisSpacing: 15,
              ),
            );
          },
        ));
  }
}

Firebase. Pobieranie zdjecia do firestore Database.

Thu, 02 Dec 2021 12:14:27 +0000

Cześć,

Mam mały problem, a mianowice nie wiem jak dodać zdjęcie do mojego Cloud Firestore. Zdjęcie dodaje mi sie do mojego Firebase Storage, ale nie wiem jak moge dodać go do mojej bazy danych.Mówię tutaj o zdjęciu, które użytkownik wybiera ze swojego komputera i może je przesłać jako zdjęcie do posta. Ogólnie gdy chce dodac post bez zdjęcia wszystko jest ok, ale gdy wczytuje zdjęcie i chce dodać wyskakuje mi taki błąd:

"Unhandled Runtime Error

FirebaseError: Firebase Storage: Object 'posts/8lP3duUqix390sqHRyjo' does not exist. (storage/object-not-found)"

Tutaj jest kod, który dodaje mi wiadomość, imię, e-mail, zdjęcie(ale zdjecie uzytkownika) i date (ten kod działa):

addDoc(collection(db, "posts"), {
      message: inputRef.current.value,
      name: session.user.name,
      email: session.user.email,
      image: session.user.image,
      timestamp: serverTimestamp(),
    })

Tutaj mam kod, który ma dodać mi zdjecie:

.then((doc) => {
      if (imageToPost) {
        const storageRef = ref(storage, `posts/${doc.id}`);
        const uploadTask = uploadString(
          storageRef,
          imageToPost,
          "data_url"
        ).then((snapshot) => {
          console.log("Uploaded a raw string");
        });

        removeImage();

        uploadTask.then(
          getDownloadURL(storageRef).then((url) => {
            addDoc(
              collection(db, "posts").set(
                {
                  postImage: url,
                },
                { merge: true }
              )
            );
          })
        );

Jak stworzyć własne API i czy to ma sens?

Tue, 27 Jul 2021 12:06:57 +0000

Hej
Piszę aplikację mobilną na Androida i chciałbym się dowiedzieć jak wygląda sprawa z API i bazą danych. W aplikacji użytkownicy będą mogli dodawać posty, a potem je przegladać (coś na wzór FB). Zacząłem to robić w Firebase ale pomyślałem że może będie lepiej to zrobić robiąc swoje API? Pytanie czy da się tak zrobić, a jeśli tak to z jakich narzędzi mogę skorzystać i jak wygląda cena/ruch na takim API? Przeglądałem Swaggera ale cena 80€/miesięcznie to trochę dużo

Builder aplikacji mobilnych - w 3 dni zrobiłem aplikację we Flutter

Fri, 04 Jun 2021 13:19:22 +0000

Od dłuższego czasu poszukiwałem jakiegoś dobrego narzędzia LowCode do tworzenia aplikacji mobilnych - i znalazłem. FlutterFlow to całkiem nowy builder aplikacji mobilnych z integracją z github, firebase oraz możliwością integracji z własnym API. Integracja z Github to coś czego brakuje wielu tego typu narzędziom, dzięki temu w łatwy sposób można za równo programować jak i "klikać" aplikację z poziomu samego narzędzia.

Sam builder interfejsu to świetne narzędzie do zaoszczędzenia czasu programisty, zawsze "przeklepywanie" UI z makiet od grafika wydawało mi się nieoptymalną praktyką. W moim artykule opisuję FlutterFlow, łączenie własnego kodu z tym wygenerowanym oraz wady i zalety takiego rozwiązania.

Zainteresowanych zapraszam do Artykułu.

Rozumiem sceptycyzm programistów co do NoCode/LowCode, jednak warto zauważyć że do pewnych zastosowań takie narzędzia się nadają wręcz idealnie. Zapraszam do zadawania pytań, chętnie rozwieję (lub potwierdzę) wątpliwości.

Aplikacja i Firebase

Fri, 21 May 2021 11:39:11 +0000

Hej, jest ktoś w stanie mi pomóc z pobieraniem danych do aplikacji w firebase? Te dane mają się wyświetlać użytkownikowi na stronie głównej aplikacji, mam podłączonego firebase ale kompletnie jestem w tym nowy i nie potrafię tego używać :/

Przechowywanie zdjęć z aplikacji

Thu, 20 May 2021 19:04:50 +0000

Cześć, jeśli chciałbym użyć dla swojej aplikacji mobilnej pisanej w swift na ios firebase do przechowywania danych użytkowników to gdzie miały by być zapisywane zdjęcia które dodawali by w aplikacji? Powiedzmy że mam klona instagrama i ktoś robi sobie selfie to gdzie te zdjęcie będzie/ma być przechowywane i jak to połączyć z bazą danych tak aby np. tylko ten user mógł usunąć to zdjęcie i mieć do niego dostęp edycyjny?

Odświeżanie odczytu z baz danych. WinForm C# .NET

Mon, 22 Feb 2021 09:39:53 +0000

Cześć,
Czy jest jakiś sposób aby program sam zauważył zmianę w bazie danych i zaktualizował wyświetlane dane, lub czy można zrobić automatyczne odświeżanie danych co jakiś czas?
C# Win Form
Proszę o wskazówki.
Dziękuję!

 private void comboBox1_Click(object sender, EventArgs e)
        {

            try
            {
                FbConnection polacz = new FbConnection("UserID = xxxx; Password=xxxx; database=D:\\x\\x\\bazy\\x.FDB; DataSource=localhost;port3050");
                //FbDataAdapter da = new FbDataAdapter("SELECT TASK_P_NAME FROM SV_CRR WHERE SV_NAME IN ('" + comboBox1.Text + "');", polacz);
                string sql = "SELECT TASK_P_NAME FROM SV_CRR WHERE SV_NAME IN ('" + comboBox1.Text + "');";
                FbCommand cmd = new FbCommand(sql, polacz);
                polacz.Open();
                using (FbDataReader dr = cmd.ExecuteReader())
                    while (dr.Read())
                    {
                        Folderkoncowy.Text = dr["TASK_P_NAME"].ToString();

                    }
            }


            catch (Exception ex)
            {
                string error = string.Format("Blad polaczenia", ex.Message);
                MessageBox.Show(error, "Błąd", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }


        }

Klon instagrama - Backend w laravel x MySQL czy Express.js x Firebase ?

Wed, 27 Jan 2021 17:17:40 +0000

Dobry wieczór wszystkim,

W ramach ćwiczeń postanowiłem, ze zrobię klona instagrama. Cały frontend mam już napisany w VueJS. Niestety napotkałem problem i nie wiem jaką decyzję podjąć.

Nie wiem na czym postawić backend. Myślałem o Laravelu i MySQL które bardzo dobrze znam albo iść w coś nowego czyli Express.js, Node.JS oraz Firebase.

Z jednej strony wolę to drugie dla powiadomień push, wiadomości etc. Z drugiej strony wolę to pierwsze co do relacji ponieważ po moich research'ach, Firebase ma z tym problem.

Czy ktoś mógłby mi doradzić?

Firestore - problem z dostępem tylko dla właściciela treści

Mon, 25 Jan 2021 20:16:35 +0000

Tworzę aplikację internetową w React i auth, firestore z firebase, która polega na robienieu notatek itp.

Chciałbym zrobić tak że użytkownicy widzą tylko swoje notatki więc skorzystałem z reguł z dokumentacji google

Podstawowe zasady bezpieczeństwa | Firebase (google.com)

service cloud.firestore {
  match /databases/{database}/documents {
  // Allow only authenticated content owners access
    match /notes/{userId}/{documents=**} {
      allow read, write: if request.auth != null && request.auth.uid == userId                     
    }                                                                                                   
  }                                                                                                    
}

Ale kiedy próbuję utworzyć dokument, pojawia się ten błąd w konsoli:

Uncaught (in promise) FirebaseError: Missing or insufficient permissions.
at new e (http://localhost:3000/static/js/0.chunk.js:13222:19)
at http://localhost:3000/static/js/0.chunk.js:25490:18
at http://localhost:3000/static/js/0.chunk.js:25491:10
at e.onMessage (http://localhost:3000/static/js/0.chunk.js:25512:6)
at http://localhost:3000/static/js/0.chunk.js:25403:18
at http://localhost:3000/static/js/0.chunk.js:25441:29
at http://localhost:3000/static/js/0.chunk.js:31505:25

Kiedy używam domyślnych reguł, wszystko działa, ale dokumenty są widoczne dla wszystkich użytkowników.

Byłbym wdzięczny za pomoc :)

MIT App Inventor - logowanie - firebase

Sun, 24 Jan 2021 13:31:25 +0000

Witam.

Od jakiegoś czasu bawię się z MIT App Invertor. Parę miesięcy temu wpadł mi pomysł zrobienia aplikacji do pracy która ułatwiła by ją czasem. Z aplikacji korzystało by kilkaset osób. W związku z tym postanowiłem zrobić multiple login aby każdy miał swoje konto i nikt mu tam niepowołany zaglądał. Wszystko szło super do momentu aby wyciągnąć z firebase login w celu sprawdzenia czy dany login już istnieje aby konto się nie powieliło i hasło nie zostało zamienione (wszystko oczywiście z poziomu aplikacji). Całe logowanie i rejestracja odbywają się w jednym oknie. Początkowo próbowałem z jedną bazą danych ale nie potrafiłem wyciągnąć tag do sprawdzenia (nie miałem pomysłu jak to zrobić) gdyż już jedna komenda była z wyciągnięciem danych celem zalogowania się. Pomyślałem że w trakcie rejestracji żeby dane zapisywały się jednocześnie na dwóch bazach i wtedy wyciągnę tag z tej drugiej, ale tu też jakieś opory są bo apka nie chce mi tego puścić. Pomyślałem jeszcze żeby może rejestrację robić dwuetapowo, najpierw po przyciśnięciu przycisku sprawdź aplikacja ma sprawdzić w firebase2 czy taki login istnieje i albo odblokować możliwość rejestracji albo podać info o tym że taki login istnieje i trzeba wybrać inny (zrzut ekranu z tego etapu jest). Może ktoś z was będzie w stanie wychwycić cóż takiego robię nie tak lub gdzie popełniłem błąd. Chciałbym zaznaczyć iż nie jestem żadnym programistą a ostatni raz z programowaniem miałem doczynienia w liceum jakieś 20lat temu.

obraz

EDIT: zmiana obrazka, tamten był po jeszcze większych kombinacjach :D + opis działania wg. laika (mnie ;) )

1.Po włączeniu ekranu Administracyjnego (Funkcja LoginBtn + FirebaseDB1.gotValue) pojawiają się opcje do założenia konta (zapis danych do firebase1 i 2)

2.Wpisujemy podwójnie login i hasło w polach do tego przeznaczonych i wciskamy przycisk do Sprawdzenia wpisu w FirebaseDB2. Jeżeli login jest już w bazie danych pojawia się info o tym że takie konto już istnieje, jeżeli nie znika opcja sprawdzania konta i pojawia się przycisk do zapisu danych w bazie.

3. Po wciśnięciu zapisu konta w obu bazach ekran powinien powrócić do stanu w pkt.1

Dostaje taki błąd _firebase__WEBPACK_IMPORTED_MODULE_10__.collectionGroup is not a function

Tue, 24 Nov 2020 20:43:44 +0000

Dostaje taki błąd jak w tytule i nie umiem sobie z nim poradzić.

To jest kod z pliku ./src/store/index.js

fb.collectionGroup('hives')
                .get()
                .onSnapshot(snapshot => {
                    let hivesArray = [];

                    snapshot.docs.forEach(doc => {
                        let hive = doc.data();
                        hive.id = doc.id;

                        hivesArray.push(hive);
                    });

                    store.commit('setHives', hivesArray);
                });

A tutaj wyświetlam ./src/views/Hives.vue

<ul class="content__list" v-if="hives.length">
                <li class="content__item">
                    <p>
                        ID
                    </p>
                    <p>
                        Nazwa pasieki
                    </p>
                </li>
                <li
                    class="content__item"
                    @click="toggleHivesView()"
                    v-for="hive in hives"
                    :key="hive.id"
                >
                    <p class="content__apiary-name">
                        {{ hive.hiveId }}
                    </p>
                    <p class="content__apiary-name">
                        {{ hive.apiary }}
                    </p>
                </li>
            </ul>

Tworzenie SubDomen

Tue, 18 Aug 2020 15:53:47 +0000

Witam jest jakiś sposób żeby zrobić że jak user się zarejestruje to utowrzy subdomene o nazwie = nazwieusera

chce tam zrobic profil usera.

Firebase , błąd przy tworzeniu bazy danych

Tue, 04 Aug 2020 12:50:55 +0000

Witam, przerabiam kurs Flutter'a na Udemy. Jest tam pokazana integracja aplikacji z backendem na przykładzie firebase. Więc tak jak w kursie klikam:

i potem:

I tak jest wszędzie, baz względu na to z jakiego komputera korzystam. W ogóle niedorzeczne jest że nie pokazuje mi treści błędu tylko wartość null ... Nwm co mam robić, czy to moja wina czy oni mają błąd?

Będę wdzięczny za jakiekolwiek wskazówki :) Pozdrawiam.

Specjalsta Flutter - 7 do 10 tys pln netto.

Mon, 06 Jul 2020 13:58:52 +0000

FLUTTER - 7 do 10 tys pln netto.

Poszukujemy doświadczonego programisty znającego Fluttera, do rozwijania istniejącej już aplikacji typu komunikator / chat.

Wymagania:
- Doświadczenie w pisaniu aplikacji na Android i IOS przy użyciu Fluttera
- Znajmość Fluttera na poziomie umożliwiającym swobodne pisanie aplikacji
- Znajmość Firebase

Wynagrodzenie od 7 do 10 tys pln netto. B2B

kontakt najlepiej mailowy bezpośrednio do mnie: klomic00@gmail.com

Specjalista od Fluttera poszukiwany

Tue, 30 Jun 2020 13:54:43 +0000

Poszukujemy doświadczonego programisty znającego Fluttera. Poszukujemy kogoś do rozwijania istniejącej jjuż aplikacji typu komunikator / chat.

Wymagania:
- Doświadczenie w pisaniu aplikacji na Android i IOS przy użyciu Fluttera
- Znajmość Fluttera na poziomie umożliwiającym swobodne pisanie aplikacji
- Znajmość Firebase

firebase init

Fri, 05 Jun 2020 08:07:10 +0000

Mam problem z komendą firebase init, mam taki błąd

firebase.ps1 cannot be loaded because running scripts is disabled on thi s system.

Czy ktoś może wie o co chodzi?

Nie wyświetlanie się elementów tablicy Firebase

Thu, 28 May 2020 18:47:51 +0000

Napisałem aplikację, która pobiera z bazy danych informacje o wydarzeniu. W wydarzeniu znajduje się tablica referencji do użytkowników uczestniczących. Informacje o wydarzeniu przekazuje w propsach do innego komponentu. Mój problem polega na tym, że nie aplikacja nie chce wyświetlić tych użytkowników. Z tego co widzę po console logach i stanie komponentu wszystko działa. Jedna dziwna rzecz to tutaj :

        console.log(new_members)
        setMembers(new_members)
        console.log(members)

Pierwszy console.log(new_members) poprawnie wyświetla moją tablicę, jednak drugi wyświetla ją jako tablicę pustą.

    const [members, setMembers] = useState([])

    useEffect( () => {
        console.log("ha")
        getMembers();
    }, [props.event])

    const getMembers = async () => {
        let new_members = [];
        console.log(props.event)
         props.event &&  props.event.uczestnicy.map( async member => {
            member.get().then(doc => {
                let new_member;
                new_member = {
                    ...doc.data(),
                    id: doc.id
                }
                new_members.push(new_member)
            })
        })        
        console.log(new_members)
        setMembers(new_members)
        console.log(members)
    }

I kod wyświetlenia :

                {members && members.map(member => {
            console.log(member)
            return(
                <div key={member.id}>
                    {member.nick}
                </div>
            )
        })}

Wyskakujące okno z prośbą o dane podczas działania funkcji React

Wed, 20 May 2020 15:46:05 +0000

Jestem ciekaw w jaki sposób podczas działania funkcji, mogę wyświetlić użytkownikowi zapytanie o jakieś dane i nie przerywając tej funkcji czekać na nie. Po ich dostaniu wznowić jej działanie w tym samym punkcie, w którym się zatrzymała. Na konkretnym przykładzie chodzi mi np o obsłużenie błędu 'account-exists-with-different-credential', który wyrzuca firebase przy logowaniu facebookiem, jeśli mamy już konto.

// Step 1.
// User tries to sign in to Facebook.
auth.signInWithPopup(new firebase.auth.FacebookAuthProvider()).catch(function(error) {
  // An error happened.
  if (error.code === 'auth/account-exists-with-different-credential') {
    // Step 2.
    // User's email already exists.
    // The pending Facebook credential.
    var pendingCred = error.credential;
    // The provider account's email address.
    var email = error.email;
    // Get sign-in methods for this email.
    auth.fetchSignInMethodsForEmail(email).then(function(methods) {
      // Step 3.
      // If the user has several sign-in methods,
      // the first method in the list will be the "recommended" method to use.
      if (methods[0] === 'password') {
        // Asks the user their password.
        // In real scenario, you should handle this asynchronously.
        var password = promptUserForPassword(); // TODO: implement promptUserForPassword.
        auth.signInWithEmailAndPassword(email, password).then(function(user) {
          // Step 4a.
          return user.linkWithCredential(pendingCred);
        }).then(function() {
          // Facebook account successfully linked to the existing Firebase user.
          goToApp();
        });
        return;
      }
      // All the other cases are external providers.
      // Construct provider object for that provider.
      // TODO: implement getProviderForProviderId.
      var provider = getProviderForProviderId(methods[0]);
      // At this point, you should let the user know that they already has an account
      // but with a different provider, and let them validate the fact they want to
      // sign in with this provider.
      // Sign in to provider. Note: browsers usually block popup triggered asynchronously,
      // so in real scenario you should ask the user to click on a "continue" button
      // that will trigger the signInWithPopup.
      auth.signInWithPopup(provider).then(function(result) {
        // Remember that the user may have signed in with an account that has a different email
        // address than the first one. This can happen as Firebase doesn't control the provider's
        // sign in flow and the user is free to login using whichever account they own.
        // Step 4b.
        // Link to Facebook credential.
        // As we have access to the pending credential, we can directly call the link method.
        result.user.linkAndRetrieveDataWithCredential(pendingCred).then(function(usercred) {
          // Facebook account successfully linked to the existing Firebase user.
          goToApp();
        });
      });
    });
  }
});

Dokładnie chodzi mi o fragment treść w komentarzu pod:

var provider = getProviderForProviderId(methods[0]);

W jaki spsób coś takiego zrealizować ?

Re-render przez zmiane Redux state React

Tue, 19 May 2020 16:11:28 +0000

Moje filtry znajdują się w state Redux'a. W jednym komponencie je zmieniam, w drugim zaś na ich podstawie wysyłam zapytanie do bazy danych w firebase.

// filtry
    const filters = useSelector(state => state.mapRedux.filters)

    const createFiltersTable = () => {
        const tmp = Object.values(filters)
        const values = []
        tmp.map(el => {
            if(el.active)
                values.push(el.events_name)
        })
        console.log(values)
        return values;
    }

    const getAllEvents = async (start) => {
        let myEventsArray = [];
        await firebase.firestore().collection('wydarzenie')
            .where('sport', 'in', createFiltersTable())
            .where('miasto', '==', currentCity)
            .orderBy("data_rozpoczecia")
            .startAfter(start)
            .limit(limit)
            .get().then(snapshot => {
                if (snapshot.size < limit) setShowMore(false)
                snapshot.forEach(doc => {
                    let info = doc.data()
                    let el = {
                        id: doc.id,
                        ...info
                    }
                    myEventsArray.push(el)
                });
            })
        let new_array = allEvents.concat(myEventsArray)
        setAllEvents(new_array);
    }

    useEffect(() => {
        getAllEvents(new Date());
    }, [])

Po zmianie filtrów komponent wyżej się nie re-renderuje i dopóki nie wymuszę jakoś ponownego renderowania ( przłączenie między komponentami głównymi) moje filtry się nie uaktualnią. A chciałbym aby po zmianie jednego filtru ten komponent się cały re-renderował, aby filtry na bieżąco się aktualizowały.

Typ pola Reference firebase

Sat, 16 May 2020 21:41:34 +0000

W firebase można ustawić typ pola w dokumencie jako referencja. Jestem ciekaw czy daje mi to jakieś większe możliwości ? Załóżmy, że chcę zrobić tablice znajomych użytkownika. Czy mam jakiś większy profit z tego, że w tej tablicy umieszczę pola typu referencja do innych użytkowników, aniżeli wrzuciłbym do tej tablicy po prostu id tych użytkowników jako stringi ?

Firebase Hosting deploy

Wed, 06 May 2020 11:32:03 +0000

Napisałem prostą aplikację przy użyciu Vue CLI i firebase. Pierwsze użycie polecenia (firebase deploy --only hosting:matytodo) zadziałało lecz gdy chciałem nanieść poprawki to już nie się nie zmienia. A w rejestrze niby zmiany doszły. Jakieś propozycje ??

Logowanie Googlem, Facebookiem React.js Firebase

Sat, 25 Apr 2020 20:18:12 +0000

Witam, w mojej aplikacji można się zalogować za pomocą Facebook'a albo Google'a. Jest jednak taki problem, że jeśli konto było tworzone przez Facebook'a to mogę się zalogować tym samym email'em za pomocą Google i w Firebase zmienia się również ikonka przy takim koncie, że jest ono od teraz rodzaju Google. Ale jeśli konto było tworzone przez Google lub zmieniło stan na konto Google w Firebase próba logowania przez Facebook wyrzuca mi błąd, że istnieje już konto na ten adres e-mail...

export const signInGoogle = () =>{
    return (dispatch, getState) => {
        var provider = new firebase.auth.GoogleAuthProvider();
        firebase.auth().languageCode = 'pl';
        firebase.auth().signInWithPopup(provider).then(function(result) {
            console.log(result)
            dispatch({
                type: actions.LOGIN_SUCCESS
            })
        }).catch(err => {
            console.log(err)
            dispatch({
                type: actions.LOGIN_ERROR,
                err
            })
        })
    }
}

export const signInFacebook = () =>{
    return (dispatch, getState) => {
        var provider = new firebase.auth.FacebookAuthProvider();
        provider.addScope('user_hometown');
        firebase.auth().languageCode = 'pl_PL';
        
        firebase.auth().signInWithPopup(provider).then(function(result) {
            console.log(result)
            dispatch({
                type: actions.LOGIN_SUCCESS
            })
        }).catch(err => {
            console.log(err)
            dispatch({
                type: actions.LOGIN_ERROR,
                err
            })
        })
    }
}

Pobranie danych firebase React

Wed, 22 Apr 2020 19:35:36 +0000

Witam, napisałem funkcję, która najpierw pobiera obiekt z bazy danych firebase, a potem na podstawie referencji dostaje się do id_typu. Ogólnie pobieranie danych działa, console.log(id_typu) wyświetla poprawnie to co chcę, jednak do obiektu element przypisuje się wartość undefinded, która potem tak samo wygląda w stanie mojego komponentu...

    useEffect(() => {
        let array = [];

        fb.firestore().collection('obiekt').get().
        then(snapshot => {
            snapshot.forEach(doc => {
                let element = doc.data();
                let id = doc.id;
                let id_typu;
                
                fb.firestore().doc(element.id_typu.path).get().then(documentSnapshot => {
                    if (documentSnapshot.exists) {
                        id_typu = documentSnapshot.data();
                      console.log(id_typu)
                    }
                  });

                element = {
                    ...element,
                    id,
                    id_typu
                }
                console.log("el", element)
                array.push(element)
            })
            console.log(array);
            setObjects(array)
        }
        ); 

    },[]);

Screen z konsoli :

Tablica referencji do innej kolekcji firebase react

Sun, 15 Mar 2020 01:15:21 +0000

Witam, chcę napisać aplikację w której użytkownik zapisany w kolekcji users ma atrybut books, który jest tablicą zawierającą referencje do książek znajdujących się w kolekcji books, ale nie mogę nigdzie znaleźć informacji jak stworzyć coś takiego z poziomu kodu... Mam póki co napisane taką funkcję tworzenia użytkownika :

export const signUp = (newUser) => {
    return (dispatch, getState) => {
        firebase.auth().createUserWithEmailAndPassword(
            newUser.email,
            newUser.password
        ).then((response) => {
            console.log("id = ", response.user.uid)
            return firebase.firestore().collection("users").doc(response.user.uid).set({
                city: newUser.city,
                street: newUser.street,
                name: newUser.name,
                books: []
            })
        }).then(() => {
            dispatch({ type: 'SIGNUP_SUCCESS' });
        }).catch((err) => {
            dispatch({ type: 'SIGNUP_ERROR', err})
        })
    }
}

i dodanie książki do tej tablicy próbowałem zrobić jakoś tak :

    const addBook = () => {
        var user = firebase.auth().currentUser;
        let newBooks = user.books;
        //newBooks.push(props.book.id)
        console.log(newBooks)
    }

Ale mam wrażenie, że to kompletnie nie tędy drogą, a nie mogę nigdzie znaleźć informacji o tym..

Dostęp do profilu użytkownika w Firebase React

Sat, 14 Mar 2020 15:24:02 +0000

Chciałem mieć dostęp do profilu użytkownika w obiekcie firebase.profile, ale nie wiem czemu obiekt ten cały czas wygląda tak :

isEmpty: true
isLoaded: false

fbConfig.js

import firebase from 'firebase/app'
import 'firebase/firestore'
import 'firebase/auth'

var firebaseConfig = {};

export const rrfConfig = {
  userProfile: 'users',
  useFirestoreForProfile: true
}

// Initialize Firebase
export const fire = firebase.initializeApp(firebaseConfig);

firebase.firestore().settings({
   timestampsInSnapshots : true
  });


export default firebase;

index.js

[...]
const store = createStore(
    rootReducer,
    compose(
        applyMiddleware(thunk.withExtraArgument({getFirebase,getFirestore})),
        reduxFirestore(firebase, rrfConfig)
        )
);

const rrfProps = {
    firebase,
    config: rrfConfig,
    dispatch: store.dispatch,
    createFirestoreInstance
}


ReactDOM.render(
    <Provider store={store}>
        <ReactReduxFirebaseProvider {...rrfProps}>
            <App />
        </ReactReduxFirebaseProvider>
    </Provider>
    , document.getElementById('root'));
serviceWorker.unregister();

i NavBar.js

import React from 'react'
import styles from './loggedNavBar.module.css'

import { connect } from 'react-redux'
import { signOut } from '../../store/actions/authActions'

const LoggedNavBar = props => {

    return (
        <div className={styles.NavBar}>
            Zalogowany
            <button onClick={props.signOut}>Wyloguj</button>
        </div>
    )
}

const mapStateToProps = state => {
    console.log(state);
    return {
        userID: state.firebase.auth.uid,
        profile: state.firebase.profile
    }
}

const mapDispatchToProps = dispatch => {
    return {
        signOut: () => dispatch(signOut())
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(LoggedNavBar);

Wzorowałem się na tych stronach :
https://react-redux-firebase.com/docs/firestore,
https://react-redux-firebase.com/docs/recipes/profile.html
I nie mam pojęcia gdzie może znajdować się błąd...

Firebase niewidoczne konta

Sun, 08 Mar 2020 16:44:22 +0000

Witam.

Mam problem z Firebase . Otóż mam połączoną aplikacje mobilną na androidzie z Firebase oraz włączylem logowanie do aplikacji za pomocą Googla . Mimo iż logowanie z Googla wykonuje się udanie to w zakładce Authentication / Użytkownicy nie widać tego konta Google.

Moja strona z informacjami na temat koronawiursa

Tue, 03 Mar 2020 07:54:11 +0000

Cześć.

Stworzyłem stronke z informacjami na temat koronawirusa w Polsce i na Świecie. Front napisany jest w Vue, jako backend firebase. Wszelkie opinie mile widziane, jeżeli ktoś chciałby dołożyć cegiełkę to też niech da znać :)

https://koronawirus-w-polsce.web.app/

Pobieranie danych z Firebase React

Sun, 01 Mar 2020 16:09:16 +0000

W jaki sposób pobrać dane z firebase w React na zasadzie zawierania fragmentu jakiegoś słowa ?

Chodzi mi o zapytanie, które w SQL miałoby postać:

SELECT * FROM jakas_tabela where name="%a"

Dokładnie jak zastąpić ten "%" ?

Pobieranie danych z firebase React

Sun, 16 Feb 2020 15:42:49 +0000

Jak pobrac dane z kolekcji tak, żeby dostać je razem z ID dokumentu ?
Mam taki kod :

    componentDidMount() {
        let response = fire.firestore().collection('shops').
        get().
        then(snapshot => {
            const data = snapshot.docs.map(doc => doc.data());
            this.setState({
                ...this.state,
                shopsArray: data
            })
        })
    }

Dla takich danych :

I dostaję tablice tych dokumentów, tylko że bez tego id wygenerowanego przez firebase...

Firebase, MySQL a czat

Fri, 07 Feb 2020 00:42:46 +0000

Dobry wieczór wszystkim !

Piszę pewien mini portal który jest oparty o Larave, Vue JS oraz MySQL. Do owego portalu chciałbym dodać taki mini czat real-time i.. Tutaj jest pytanie do Was. Czy wykonać coś takiego w MySQL czy jednak użyć do tego Firebase? Z tym drugim nigdy nie miałem styczności ale widzę, że ma różne ciekawe opcje.

Chodzi mi o to, co by było najbardziej optymalne i najszybsze

Druga sprawa to na czym najlepiej wykonać taki projekt ? Mam w miarę dobrą znajomość Laravela i podstawową VueJS ale nie wiem czy nie przenieść się na czyste VueJS oraz Firebase.

.NET API + Firebase + VUE

Thu, 06 Feb 2020 19:19:16 +0000

Cześć wszystkim, mam do was pytanie. Nie wiem czy dobrze robię, ale chcę stworzyć w miarę bezpieczny system logowania i rejestracji. Ze względów na to że nie chcę być osobą która będzie przechowywać hasła w swojej bazie danych postanowiłem przesłać dane do Firebase Auth. Poniżej daje narysowany przeze mnie diagramik jak to aktualnie wygląda, i mam pytanie czy przesyłanie UID użytkownika pomiędzy VUE a .NET API jest bezpieczne?
Aby pobrać przykładowo dashboard muszę wysłać UID do serwera, i serwer zwraca za pomocą GET użytkownika który ma to UID.

https://imgur.com/9NYRgHl
Dla pewności
1. Login
2. Dostaję zwrot UID użytkownika
3. Wysyłam token do serwera
4. Serwer po tokenie zdobywa wszystkie dane z bazy danych po UID

Aplikacja web crud firebase?

Sun, 02 Feb 2020 17:41:47 +0000

Szanowni!

Z góry wybaczcie pomyłki w terminologii itd.

Mam trochę skomplikowane pytanie. Chciałbym zrobić aplikację z następującymi funkcjami -

1. Dodawanie, usuwanie, edytowanie, listowanie uczniów.

2. Dodawanie, usuwanie, edytowanie, listowanie nauczycieli.

3.Dodawanie, usuwanie, edytowanie, listowanie przedmiotów.

4. Przypisywanie uczniów i nauczycieli do przedmiotów.

5. Podgląd na jakie przedmioty uczęszcza każdy uczeń i jakich przedmiotów uczy każdy nauczyciel.

4. Wrzucanie dokumentów pdf i przypisywanie ich np. do przedmiotów.

5.Generowanie dokumentów pdf na podstawie profilów uczniów.

6. Autoryzacja dostępu do aplikacji (tylko dla jednego użytkownika)

Wiem, że jest to bardzo słaby opis za co bardzo przepraszam. Generalnie zrobiłem już taką aplikację w .NET Core, ale chciałbym ją teraz jakoś zahostować (najlepiej za darmo), a Azure jest niestety płatny.

Dlatego pytam Was ponieważ wydaje mi się, że Google Firebase byłby idealny do stworzenia czegoś takiego, ale niestety kompletnie nie jestem w stanie zrozumieć jak się za to zabrać i jaki framework JS'a wybrać żeby było to w miarę przystępne do nauki. Pierwszym problemem jaki napotkałem jest fakt, że Firebase udostępnia tylko bazę NoSQL, a do tej pory uczyłem się tylko SQL, ale z tym już sobie mniej więcej poradziłem.

Chciałbym żeby aplikacja chodziła na firebase w całości tzn. używała go jako backend i hosting. A może są inne rozwiązania tego typu (darmowe)?

Czy ktoś byłby w stanie pokierować mnie jeśli chodzi o to jak się za to zabrać? Tzn. dobrać technologię, może wskazać jakieś źródła wiedzy bo niestety jest tego tyle, że po 3 dniach googlowania cały czas stoję w miejscu.

Z pozdrowieniami,

Rezik

Zaprojektowanie aplikacji przy użyciu Flutter i Firebase

Thu, 28 Nov 2019 18:46:22 +0000

Poszukuję osoby lub firmy, która mogłaby wykonać dla mnie aplikację mobilną przy użyciu Flutter i Firebase.

Zapraszam do kontaktu: dev@2future.pl

Firebase w android studio

Mon, 14 Oct 2019 15:18:36 +0000

Witam serdecznie

Otóż planuje zrobić aplikacje na Androida z wykorzystaniem Firebase .

Implementował wszystkie biblioteki tak jak na głównej stronie jest pokazane

po uruchomieniu aplikacji wystąpił błąd w app/build.gradle

mianowicie podkreśla mi

implementation 'com.android.support:appcompat-v7:28.0.0'

na czerwono . oto błąd

Manifest merger failed : Attribute application@appComponentFactory value=(android.support.v4.app.CoreComponentFactory) from [com.android.support:support-compat:28.0.0] AndroidManifest.xml:22:18-91
is also present at [androidx.core:core:1.0.0] AndroidManifest.xml:22:18-86 value=(androidx.core.app.CoreComponentFactory).
Suggestion: add 'tools:replace="android:appComponentFactory"' to <application> element at AndroidManifest.xml:5:5-20:19 to override.

Firebase mongodb storage

Thu, 26 Sep 2019 04:10:01 +0000

Siemka, czy ktoś z was wie jak połączyć storage z firebase z bazą danych mongoDb na heroku?

Firebase rodo dane autoryzacja jak to jest w praktyce?

Sat, 21 Sep 2019 22:05:19 +0000

Sprawa wygląda tak:

1. Jest klient który chce sprzedawać coś online - więc danych będzie sporo do chronienia + hasła( każdy klient będzie miał konto)

2. Ja jestem gościem pracującym na b2b i myśle sobie dorobić, ale nie chcę nikomu ani sobie narobić syfu(rodo)

3. Do napisania panel admina(js framework + firebase) i zwyczajna strona z SSR

4. Usługi z Firebase: Autoryzacja, baza danych, pliki, hosting

5. Myślę nad przechowywaniem danych klientów, w Firebase można ustawić reguły dla poszczególnych endpointów, tylko pytanie czy ustawienie takich reguł odczytu i zapisu tylko dla admina(z trudnym hasłem) jest wystarczająco bezpieczne i wystarczające dla przepisów o RODO? Autoryzacja w Firebase to JWT. Jestem typowym frontem a z backendem miałem tylko chwile rozrywkowo wspólnego, dlatego biorę tu pod uwagę usługi z Firebase.

6. Czy lepiej poświęcić trochę czasu i napisać własne RESTowe API z wyczuleniem na bezpieczeństwo (w moim wypadku w node.js) do przechowywania informacji o klientach?

7. Kto odpowiada w razie jakiejkolwiek wtopy? Mój Klient, czy ja?

[VUE] Vuexfire problem z bindowaniem

Mon, 16 Sep 2019 18:21:05 +0000

Cześć i czołem.
Tym razem mam problem z vuexfire, mianowicie korzystając z dokumentacji próbuję połączyć bazę danych firestore z vuexem.

Problem polega na tym, że nie dostaje danych z bazy.

store/index.js

import Vue from 'vue';
import Vuex from 'vuex';
import { vuexfireMutations, firestoreAction } from 'vuexfire'
import { db } from '../firebase'
import 'firebase/firestore'
import localTodos from './modules/localTodos';
import firebaseTodos from './modules/firebaseTodos';
Vue.use(Vuex)

export default new Vuex.Store({
modules:{
    localTodos,
    firebaseTodos
},
state: {
    fireTodos: []
},
mutations: {
    ...vuexfireMutations,
},
actions: {
    bindTodos: firestoreAction(({ bindFirestoreRef }) => {
        // return the promise returned by `bindFirestoreRef`
        return bindFirestoreRef('fireTodos', db.collection('todos'))
      })
},
getters:{
    fireTodos(state){
        return state.fireTodos;
    }
}
})

views/about.vue

<template>
<div class="about-wrapper">
    <h1>An about page</h1>
    <h3>Message: {{testMessage}}</h3>
    <ul>
      <li v-for="todo in firetodos" :key="todo.id">{{todo.body}}</li>
    </ul>
</div>  
</template>

<script>
import { mapState, mapGetters } from 'vuex';
export default {
  name: 'About',
  computed:{
    ...mapGetters(['testMessage', 'fireTodos'])
  }
}
</script>

<style>

</style>

Miejsce, w którym próbuje wyświetlić dane z bazy. (na 99% problem dotyczy index.js, ale wstawiam about w razie czego)

Podrzucam screeny

vue dev tools

firebase

Firebase - dynamiczne tworzenie subdomen

Fri, 10 May 2019 12:20:27 +0000

Witam. Chciałbym, żeby aplikacja która będzie na hostingu firebase, miała inne pliki konfiguracyjne (np. manifest.json) pod różnymi domenami. I teraz pytanie. Chciałbym, aby subdomeny były tworzone dynamiczne, np. w panelu administracyjnym ktoś konfiguruje sobie nową wersję aplikacji i następnie są wysyłane dane do firebase, dodawane do pliku konfiguracyjnego i na podstawie tego nowa wesja aplikacji w nowej subdomenie.

Przykład:

1. Osoba wchodzi na panel administracyjny (jakaś strona www, NIE panel firebase)

2. Konfiguruje swoją wersję aplikacji

3. Dodaje nazwę np. test

4. Następnie pod adresem test.apka.com jest dostępna jego wersja aplikacji

Czy jest to możliwe?

Firebase - permission denied

Thu, 09 May 2019 08:13:52 +0000

Przy próbie zapisu do bazy pojawia się błąd

[2019-05-09T07:57:17.646Z]  @firebase/database: FIREBASE WARNING: set at /tasks/-LeQaAIuYOW_B5JPnD5Q failed: permission_denied

W Firebase w zakładce Rules mam następujące reguły:

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write;
    }
  }
}

Dokumentacja mówi o następujących:

{
"rules": {
"messages": {
".read": "auth != null",
".write": "auth != null"
}
}
}

Jednak przy próbie zapisu otrzymuje komunikat:

Błąd podczas zapisywania reguł – Line 1: mismatched input '{' expecting {'function', 'service', 'rules_version'}

RODO - Aplikacja - Firebase

Tue, 29 Jan 2019 14:59:42 +0000

Chcę wypuścić aplikację w której korzystam z fireabse - logowanie(email, haslo/google/facebook), przechowywanie zdjęć. Co muszę zrobić w związku z rodo? Jakie kroki podjąć?

Firestore problem z odczytem i zapisem

Thu, 24 Jan 2019 12:55:01 +0000

Mam problem wczoraj niechcący usunąłem konta z dodanymi rolami w Uprawnieniach - Google Cloud Platform i teraz wywala mi ciągle błąd "[Firestore]: Listen for Query(...) failed: Status{code=PERMISSION_DENIED, description=Missing or insufficient permissions., cause=null}

Zmieniłem reguły bezpieczeństwa na "allow read, write;" ale dalej to samo. Wcześniej działało, przed usunięciem użytkowników z rolą "Edytujący" w Cloud Platform. Wie ktoś może jak to naprawić?

Click_action i znikanie powiadomienia po pewnym czasie - jak to zaimplementować?

Sat, 05 Jan 2019 16:29:02 +0000

Udało mi się rozwiązać problem. Jak miałem poprzednie błędy to aby sprawdzić w czym problem za komentowałem cały plik firebase-messaging-sw.js. Jak robiłem resztę tutoriala to zawartość tego pliku aż do tego momentu. (po prostu worker był zarejestrowany, ale nic nie robił) Z powrotem od komentowałem kod i to pomogło. Teraz inne pytanie, a bardziej prośba o pomoc od kogoś bardziej ode mnie zorientowanego w temacie. Jak zrobić w moich powiadomieniach aby był on klikalny i znikał po jakimś czasie? Znalazłem komendę od klikania "click_action", ale mimo dodania go do pliku index.php, send.php i firebase-messaging-sw.js, dalej się nie dało kliknąć w to powiadomienie.

Oto kod od send.php i firebase-messaging-sw.js:(pomijam <?php i ?> dla oszczędności miejsca)

define('SERVER_API_KEY', 'AIzaSyAVTw2lpMU2-efb6NehBJQHHmJGKxdTrGI');

require 'DbConnect.php';
$db = new DbConnect;
$conn = $db->connect();
$stmt = $conn->prepare('SELECT * FROM tokens');
$stmt->execute();
$tokens = $stmt->fetchAll(PDO::FETCH_ASSOC);
foreach ($tokens as $token) {
    $registrationIds[] = $token['token'];
}

$header= [
    'Authorization: Key= ' . SERVER_API_KEY,
    'Content-Type: Application/json'
];

$msg=[
    'title'=> 'Nowe powiadomienie',
    'body' => 'Zmiany nadchodzą',
    'icon'=> 'style/img/icon.png',
    'image' => 'style/img/d.png',
    'click_action' => 'www.google.com'
];

$payload=[
    'registration_ids' => $registrationIds,
    'data' => $msg,
];

$curl = curl_init();

curl_setopt_array($curl, array(
    CURLOPT_URL => "https://fcm.googleapis.com/fcm/send",
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_CUSTOMREQUEST => "POST",
    CURLOPT_POSTFIELDS => json_encode($payload),
    CURLOPT_HTTPHEADER => $header,
));

$response = curl_exec($curl);
$err = curl_error($curl);

curl_close($curl);

if ($err) {
    echo "cURL Error #:" . $err;
} else {
    echo $response;
}

importScripts('https://www.gstatic.com/firebasejs/4.9.1/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/4.9.1/firebase-messaging.js');
/*Update this config*/
var config = {
    apiKey: "AIzaSyDZ56QKkFT33hC3Ee3KyhqwkM0Pmkysg20",
    authDomain: "push-v2-7a3d4.firebaseapp.com",
    databaseURL: "https://push-v2-7a3d4.firebaseio.com",
    projectId: "push-v2-7a3d4",
    storageBucket: "",
    messagingSenderId: "335978700030"
  };
  firebase.initializeApp(config);

const messaging = firebase.messaging();
messaging.setBackgroundMessageHandler(function(payload) {
  console.log('[firebase-messaging-sw.js] Received background message ', payload);
  // Customize notification here
  const notificationTitle = payload.data.title;
  const notificationOptions = {
    body: payload.data.body,
    icon: 'http://localhost/strony/Test2/style/img/icon.png',
    image: 'http://localhost/strony/Test2/style/img/d.png',
click_action: 'www.google.com',
                  
  };

  return self.registration.showNotification(notificationTitle,
      notificationOptions);
});

Jak widać jest już zaaplikowana ta funkcja, ale właśnie nie działa. Mam jeszcze jakąś część kodu dopisać, czy coś innego zmienić?

Problem z programem Postman. Aplikacja webowa powiadomień push

Fri, 04 Jan 2019 17:29:09 +0000

Witajcie!

Jestem w trakcie pisania pracy inżynierskiej na temat powiadomień push. Oglądam tutorial tego autora, by nauczyć się dowiedzieć jak się robi aplikacją webową wysyłania i odbierania powiadomień push. Jednak w 4 odcinku napotkałem na problem. Nie ma mój kod żadnego błędu, jednak pod koniec filmiku kiedy po wpisaniu ścieżki funkcji wysyłającej powiadomienie do programu Postman i kliknięciu SEND pojawiła się na konsoli wiadomość, która w późniejszej części kursu miała przerodzić się w pełnoprawne powiadomienie, u mnie nie pojawia się nic. Ani w przeglądarce Opera w local hoście i w normalnej domenie włączonym SSL-em, ani w przeglądarce Chrome. Dodatkowo ściągnąłem do Google Chrome wtyczkę związaną z programem Postman i nic to nie zmieniło. Czy to może być wina systemu? (tutorial jest robiony na Macu), czy to wina z mojej strony, bo nie widzę tego problemu. Dodatkowo powiem, że token jest w bazie danych, sama baza danych jest poprawnie połączona. Oczywiście manifest i Service Worker są poprawnie połączone z aplikacją.

Oto kod strony:

send.php

https://pastebin.com/eVWbueAt

index.php

https://pastebin.com/HQ961iFS

DbConnect.php

https://pastebin.com/4UxwQ1fZ

action.php

https://pastebin.com/kgV7fqr5

firebase-messaging-sw.js

https://pastebin.com/Lva15e8f

Wynik wyświetlany przez program Postman:

Moja baza danych

Chcę zobaczyć taki wynik:

Ma ktoś jakis pomysł? Z góry dziękuję za pomoc !

Pomoc przy tutorialu o powiadomienich push(JS i Firebase)

Fri, 28 Dec 2018 11:07:22 +0000

Witajcie!!

Mam pewien problem i proszę was o pomoc. Chciałem nauczyć się implementować powiadomienia push w aplikacji internetowej. Korzystam z poradnika jakiegoś hindusa i jestem na tym odcinku:

https://www.youtube.com/watch?v=ZHgr5pQ_prw.

Przejrzałem cały ten odcinek i zrobiłem go dokładnie jak autor i kod wygląda tak(korzystam z biblioteki jquery 3.3.1 min):

Kodzik

Wartość manifest.json wynosi:

"gcm_sender_id": "103953800507" tak jak w tutorialu.

Odpalam stronę na local hoście jak autor i mam taki błąd(oczywiście zezwalaj na wyświetlenie powiadomień push):

Obrazek

Nie mam pojęcia jak to rozwiązać i szukałem pomocy wszędzie. Zna ktoś może rozwiązanie?

P.S: Mam świadomość , że dwa razy wyświetla mi się funkcja getRegToken();, ale tak było w kursie i żadna z tych funkcji przez ten błąd nie chce wyświetlić mi tokena wymaganego w kolejnych zadaniach.

Vue firebase

Mon, 17 Dec 2018 12:03:24 +0000

Hej , czy istnieje możliwość zrobienia aplikacji w Vue plus Dane na Firebase w formie żeby użytkownik miał tylko i wyłącznie swoje dane po zalogowaniu. ?

Firebase - jak zliczać utworzone przez siebie audiencje?

Mon, 10 Dec 2018 10:40:32 +0000

Witam,

Utworzyłem w moim firebase podłączonym do aplikacji kilka audiencji takich jak: użytkownicy z Kanady, użytkownicy z Polski, subskrybenci z platformy Android i subskrybenci z platformy iOS. Wszystko ładnie i pięknie, ale nie jestem pewny czy czegoś nie pominąłem. Firebase zlicza mi wszystkich użytkowników aplikacji, natomiast nie zlicza mi tych, których określiłem w nowych audiencjach. Jest to ważne ponieważ, zależy mi na wysyłaniu notyfikacji do określonych grup użytkowników poprzez opcję "In-App Messaging" (na obecną chwilę), np. użytkownik po zakupie subskrypcji otrzymuje powiadomienie o tym, że zakup przeszedł pozytywnie i krótkie podziękowanie.

Czy muszę dodatkowo zaimplementować coś w kodzie aplikacji aby takie dane były wysyłane do firebase'a? Obejrzałem już mnóstwo poradników, ale żadnych konkretów nie znalazłem.