Я могу успешно загрузить изображения в хранилище Firebase, но я также пытаюсь загрузить URL-адрес изображения в свою базу данных Firebase.
Проблема в том, что URL, который загружается вБаза данных Firebase имеет другой токен, чем образ успешного хранилища FireBase, поэтому я получаю сообщение об ошибке (код ошибки 403, разрешение запрещено).
Проблема может быть из-за размещения моей функции addProfilePhototoDatabase, но я неконечно, куда еще его поставить.
Пожалуйста, смотрите мой код на прикрепленном скриншоте ниже.
Вот код функции openPicker:
Мне сложно предоставить минимальный код для этого, так как все это важно и связано.Все, что я вывезу, может быть важно.
openPicker() {
const { currentUser } = firebase.auth()
const Blob = RNFetchBlob.polyfill.Blob
const fs = RNFetchBlob.fs
window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest
window.Blob = Blob
ImagePicker.openPicker({
width: 105,
height: 105,
compressImageMaxWidth: 400,
compressImageMaxHeight: 400,
compressImageQuality: 0.8,
cropping: true,
mediaType: 'photo'
}).then(image => {
const imagePath = image.path
let uploadBlob = null
const imageRef = firebase.storage()
.ref(`/users/${currentUser.uid}`)
.child('profile.jpg')
let mime = 'image/jpg'
fs.readFile(imagePath, 'base64')
.then((data) => {
return Blob.build(data, { type: `${mime};BASE64` })
})
.then((blob) => {
uploadBlob = blob
return imageRef.put(blob, { contentType: mime })
})
.then(() => {
uploadBlob.close()
return imageRef.getDownloadURL()
})
.then((url) => {
let obj = {}
obj["profilePhoto"] = url
this.addProfilePhotoDatabase() // this is where I'm attempting to upload the url to the database and where the problem is
this.setState(obj)
})
.catch((error) => {
Alert.alert(error)
})
})
.catch((error) => {
Alert.alert(error)
})
}
Код для функции addProfilePhotoDatabase:
addProfilePhotoDatabase() {
const { currentUser } = firebase.auth();
firebase
.database()
.ref(`/users/${currentUser.uid}/profile`)
.update({
ProfilePhoto: this.state.profilePhoto,
})
}
Вот как я вызываю функцию openPicker:
<TouchableOpacity style={[styles.profilePhotoContainer]} onPress={ () => this.openPicker() }>
<Image source={require('../assets/images/icons/today/addProfile.png')} style={styles.profilePhoto}/>
</TouchableOpacity>
Вот мои правила хранения Firebase:
service firebase.storage {
match /b/{bucket}/o {
match /{allPaths=**} {
allow read, write: if request.auth != null;
}
}
}
И мои правила базы данных Firebase:
{
"rules": {
"users": {
"$uid": {
".read": "$uid === auth.uid",
".write": "$uid === auth.uid"
}
}
}
}