Когда и как надо закрывать вебсокет соединение фаирбейс?

Question

[sergeyviktorovich]

Когда и как надо закрывать вебсокет соединение фаирбейс ?
делаю приложение на реакт

Answer 1

[tehfreak]

Фаирбейс сам управляет своим вебсокет-соединением. Приложение же управляет слушателями: подписывается на обновления базы данных когда это необходимо и отписывается когда обновления больше не требуется.

Как-то так:

import { doc, onSnapshot } from 'firebase/firestore'

export default function EntitityPage({ entityId }) {

    const [ entity, setEntity ] = React.useState(null)
    
    React.useEffect(() => {
        const unsubscribe = onSnapshot(doc(db, 'entities', entityId), (snapshot) => {
            setEntity(snapshot.data())
        })
        return () => {
            unsubscribe()
        }
    }, [entityId])
    
    return (
        <div>{JSON.stringify(entity)}</div>
    )
}

Comments

[sergeyviktorovich]

tehfreak,а как это записать для 9 версии ? у меня реал тайм база

[tehfreak]

onValue возвращает функцию для отписки:

import { ref, onValue } from 'firebase/database'

export default function EntitityPage({ entityId }) {

    const [ entity, setEntity ] = React.useState(null)

    React.useEffect(() => {
        const unsubscribe = onValue(ref(db, 'entities/' + entityId), (snapshot) => {
            setEntity(snapshot.val())
        })
        return () => {
            unsubscribe()
        }
    }, [entityId])

    return (
        <div>{JSON.stringify(entity)}</div>
    )
}

Вот документация: https://firebase.google.com/docs/reference/js/data...

[tehfreak]

sergeyviktorovich почему не отмечаете ответ как решение?

[sergeyviktorovich]

tehfreak, думал отметить второй ,но под ним нету кнопки