728x90
반응형
firebase storage에 파일을 업로드하는 방법을 알아보자.
무료로 5기가 정도의 공간을 사용 할 수 있고 추가로 사용하려면 blaze 요금제로 전환해서 사용해야 한다.
생각보다 요금이 비싸지는 않은 것 같다.
storage도 마찬가지로 읽기, 쓰기에 대한 규칙을 정해줘야 한다.
위와 같이 true로 해주면 모든 사용자가 업로드 및 다운로드가 가능 하다.
그럼 이제 프로젝트로 돌아와 파일을 어떻게 올리는지 알아보겠다.
먼저 firebase.storage()를 선언해 준다.
file을 올릴 때는 중복되지 않게 hash값을 주던 해야 하지만 지금은 연습이기 때문에 그냥 단순 파일명으로 올리기로 하고 file을 가져와 순서대로 진행한다.
child('/image')는 image라는 폴더를 만들고 그 안에 파일을 담겠다는 뜻이다.
파일 종류 별로 폴더를 만들어 관리하면 좋을 듯하다.
그다음 uploadPath.put을 해서 파일을 넣어 주면 된다.
.on()메서드를 통해 파일 업로드 작업 중 여러 동작들을 수행할 수 있다.
파일 업로드가 성공하면 파일의 url을 가져올 수 있는데 DB에는 파일을 직접 올리지 않고 url만 가져와 파일을 호출할 수 있게 만든다.
위에 소스를 보면 파일이 업로드가 완료된 후에 전달받은 url을 DB에 넣어주고 있는 모습이다.
정말 몇 줄 안 되는 코드로 파일 업로드를 해봤다
다음 글부터는 firebase Authentication에 대해 알아보려 한다.
728x90
반응형
'프로그래밍 > firebase' 카테고리의 다른 글
[firebase] Hosting 으로 배포 하기 (0) | 2021.09.26 |
---|---|
[firebase] Authentication 회원가입, 로그인, 로그아웃 (0) | 2021.09.24 |
[firebase] firestore DB 데이터 수정, 삭제 (0) | 2021.09.24 |
[firebase] firestore DB 데이터 읽기, 쓰기 (0) | 2021.09.24 |
[firebase] firebase 시작하기(2) (0) | 2021.09.23 |