Flutter18 플러터(Flutter) - Firebase에 올린 파일 보여주기 Firebase의 Cloud Storage에 올린 이미지나 동영상 파일을 앱을 통해 사용자에게 보여주려면 DB 서비스인 Firestore 서비스를 이용하면 됩니다. (Firebase에서는 JSON 형식의 실시간 데이터베이스도 지원하는데 나중에 살펴보겠습니다.) Cloud Storage가 파일 서버라면 Cloud Firestore는 NoSQL형 DB 서버로 Storage에 올린 파일의 URL 주소나 메타데이터 등 텍스트 정보를 ID가 있는 DB 형식으로 저장할 수 있습니다. Firebase 콘솔에서 Cloud Firestore 생성하기 Firebase 콘솔에서 Clode Firestore는 '시작하기' 버튼으로 쉽게 추가할 수 있습니다. Firestore Database를 추가하면, 컬렉션, 문서, 필드로.. 2022. 10. 18. 플러터(Flutter) - Firebase Cloud Storage에 파일 올리기 Firebase에 이미지나 동영상 파일을 올리려면 어떻게 해야할까요? Firebase에서는 파일 저장용으로 Storage라는 서비스를 제공합니다. 이 서비스를 이용하기 위해서는 먼저 Firebase 콘솔에서 생성한 프로젝트에 Storage 버킷을 생성합니다. 그 다음 플러터 프로젝트에서 firebase_storage 플러그인을 추가해주고 이 플러그인에서 제공하는 FirebaseStorage 인스턴스를 만듭니다. 이 인스턴스를 통해 Storage 버킷에 올라갈 파일의 경로를 정하고, putFile() 메서드를 통해 파일을 Storage 버킷에 올리면 됩니다. Firebase 콘솔에서 Cloud Storage 버킷 만들기 Firebase Storage 버킷을 만드는 방법은 상당히 간단합니다. 먼저 Fireb.. 2022. 10. 18. 플러터(Flutter) - 앨범 사진 가져오기 (Image Picker) 플러터에서 앨범 사진을 불러올 때는 Image Picker 플러그인을 사용합니다. pub.dev에서 이 플러그인을 "A Flutter plugin for iOS and Android for picking images from the image library, and taking new pictures with the camera."라고 소개하고 있습니다. Image Picker 플러그인을 통해 앨범에서 사진을 선택하거나 카메라로 사진 촬영을 하는 기능을 모두 제공하고 있다고 하네요. 우리는 그중에서 앨범에서 사진을 선택하는 경우를 먼저 살펴봅시다. Image Picker 코드 구현 먼저 pubspec.yaml 파일에 Image Picker 라이브러리를 의존성으로 추가해줍니다. 그 다음 IDE 메뉴에서 P.. 2022. 10. 15. 플러터(Flutter) - 유저 프로파일 보여주기 유저 프로파일 사용하기 Firebase를 이용해 구글 로그인을 하게 되면, Firebase 유저 정보를 이용해 로그인한 구글 계정의 유저 프로파일을 보여줄 수 있게 됩니다. 이전에는 dummy 텍스트와 이미지를 계정 정보로 사용했는데, 이번에는 구글 계정에서 사용 중인 계정 이미지와 이메일 주소, 계정 이름을 불러오도록 변경해보았습니다. 이때 핵심은 로그인 버튼 클릭 후 구글 계정으로 로그인 후 얻게 되는 User 클래스 변수의 정보를 활용하는 데 있습니다. 이 변수는 User? user = await Authentication.signInWithGoogle(context: context); 앞선 Authentication 클래스의 signInWithGoogle 메서드 실행을 통해 얻게 됩니다. Fire.. 2022. 10. 14. 이전 1 2 3 4 5 다음
