任何人都知道为什么我会收到“快照侦听器中未捕获的错误：FirebaseError：缺少权限或权限不足”吗？

Question

我目前正在研究如何使用 firebase，但我无法找到一种方法来仅让用户更新、删除或读取他们添加的图像（集合）。

这是我的 Firestore 结构：

这是我使用的安全规则：

match /databases/{database}/documents {
    match /{document=**} {
    function authed(){
        return request.auth != null
    }
    function matchesUser(){
        return request.auth.uid == data.userId
    }
    
    allow read: if authed() && matchesUser(resource.data)
    allow create: if authed() && matchesUser(request.resource.data)
    }
}

当我尝试获取数据/读取图像（集合）时，我得到Uncaught Error in snapshot listener: FirebaseError: Missing or insufficient permissions

这是我尝试从 firestore 读取数据的代码

import { useState, useEffect } from 'react'
import {projectFirestore} from '../firebase/firebase'
import {useAuth} from '../contexts/AuthContext'

const useFirestore = (collection) => {
    const [docs, setDocs] = useState([])
    const {currentUser} = useAuth()

    useEffect(() => {
        const unsub = projectFirestore.collection(collection)
        .orderBy('createdAt', 'desc')
        .where("userId", "==", currentUser.uid)
        .onSnapshot((snap) => {
            let documents = []
            snap.forEach(doc => {
                documents.push({...doc.data(), id: doc.id})
            })
            setDocs(documents)
        })
        return () => unsub()
    }, [collection, currentUser])

    return {docs}
}

export default useFirestore

这是我尝试让用户将文件上传到 firebase 的代码：

import {useState, useEffect} from 'react';
import {projectStorage, projectFirestore, timestamp} from '../firebase/firebase'
import {useAuth} from '../contexts/AuthContext'

const useStorage = (file) => {
    const [progress, setProgress] = useState(0)
    const [error, setError] = useState(null)
    const [url, setUrl] = useState(null)

    const {currentUser} = useAuth()

    useEffect(() => {
        // references
        const storageRef = projectStorage.ref(file.name)
        const collectionRef = projectFirestore.collection('images')

        storageRef.put(file).on('state_changed', (snap) => {
            let percentage = (snap.bytesTransferred / snap.totalBytes) * 100
            setProgress(percentage)
        }, (err) => {
            setError(err)
        }, async () => {
            const url = await storageRef.getDownloadURL()
            const createdAt = timestamp();
            collectionRef.add({
                url,
                userId: currentUser.uid, 
                createdAt
            })
            setUrl(url)
        })
    }, [file])

    return { progress, error, url }
}

export default useStorage

Answer 1

使用您在安全规则中创建的matchesUser() 函数时，您传入一个包含文档数据的参数。但是，在您定义函数的位置，此参数未定义 - 导致您尝试读取未定义对象的 userId 属性时出现语法错误。

应该定义为：

function matchesUser(data) {
  return request.auth.uid == data.userId
}

您收到FirebaseError: Missing or insufficient permissions 错误的原因是因为安全规则中的所有语法错误都被视为false（即拒绝访问）。以后要发现这样的错别字，您可以使用Security Rules Playground 或使用Security Rules Emulator 测试您的规则。