FIREBASE TIPS

1. Allow user to be able to upload profile.png in own directory.

service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read: if request.auth != null;
    }

    match /images/{userId}/profile.png {
      allow read;
      allow write: if request.auth.uid == userId;
    }
  }
}

<script>
    firebase.initializeApp(config);
    firebase.auth().signInWithEmailAndPassword('[email protected]', 'xxxxx').catch((error) => {
        console.log('code:' + error.code + 'message' + error.message);
    });

    firebase.auth().onAuthStateChanged(function (user) {
        if (user) {
            let uid = user.uid;
            console.log('login success');
        } else { }
    });

    var storage = firebase.storage();
    function upload() {
        var file = document.getElementById('loadFile').files[0];
        var storageRef = storage.ref('/images/eFcFmn2lbqTzXf83vtHPdSCID9W2/profile.png');
        storageRef.put(file).then(function (snapshot) {
            console.log('Uploaded a blob or file!');
        });
    }
</script>

<script>
    firebase.initializeApp(config);
    firebase.auth().signInWithEmailAndPassword('[email protected]', 'xxxxx').catch((error) => {
        console.log('code:' + error.code + 'message' + error.message);
    });

    firebase.auth().onAuthStateChanged(function (user) {
        if (user) {
            let uid = user.uid;
            console.log('login success');
        } else { }
    });

    var storage = firebase.storage();
    function upload() {
        var file = document.getElementById('loadFile').files[0];
        var storageRef = storage.ref('/images/eFcFmn2lbqTzXf83vtHPdSCID9W2/profile.png');
        storageRef.put(file).then(function (snapshot) {
            console.log('Uploaded a blob or file!');
        });
    }
</script>