플러터:Firebase 편집하기

{{플러터}}

== 개요 ==
FireBase에서 데이터베이스와 스토리지 서비스를 시작한다.(스토리지는 요금제 내는 서비스로 바꾸어야 진행 가능)

중간에 서비스를 바꾸게 되면.. 얼마나 복잡할지.......

== 룰 설정 ==
Strage를 처음 만들면 아무도 사용할 수 없는 상태이기에 룰 변경이 필요하다.
{| class="wikitable"
|+
!항목
!설정
|-
|스토리지 룰 설정
|<syntaxhighlight lang="js">
rules_version = '2';

// Craft rules based on data in your Firestore database
// allow write: if firestore.get(
//    /databases/(default)/documents/users/$(request.auth.uid)).data.isAdmin;
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write:
      if request.auth != null;  // 로그인을 한 유저가 읽고 쓰기가 가능함을 지정.
    }
  }
}
</syntaxhighlight>
|-
|데이터베이스 룰 설정
|<syntaxhighlight lang="js">
rules_version = '2';

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write:
      if request.auth != null;
    }
  }
}
</syntaxhighlight>
|-
|
|
|}

= 플러터와 연결 =


{| class="wikitable"
!항목
!설정
!비고
|-
|Git은 있겠지.
|
|
|-
|Node.js
|
* LTS 버전을 다운받는다. https://nodejs.org/en/download
* 명령프롬프트에서 npm install -g firebase-tools
|
|-
|환경변수 추가
|터미널에서 <code>$env:Path += ";$env:LOCALAPPDATA\Pub\Cache\bin"</code> 로 간단히 추가할 수 있다.
* 사용자 환경변수에서 추가.
* %LOCALAPPDATA%\Pub\Cache\bin
* 위로 이동하여 %로 시작하는 변수들이 있는 곳으로 옮겨준다.
* 모두 '확인' 버튼을 눌러 닫기.
|환경변수를 적용하게끔 IDE를 재시작.
|-
|연결
|IDE의 터미널에서 

* Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
* firebase login
|브라우저가 열리면 로그인.
|-
|파이어베이스 설정
|
# 콘솔에서 Flutter를 추가한다.
# 안내해주는 코드를 그대로 IDE 터미널에 복붙해서 실행. 이것저것 설치.
# firebase init 으로 실행. 서비스를 고르게 되어있는데, firestore, storage를 스페이스로 선택 후 엔터.
# 기존 프로젝트를 사용한다고 진행.(위에서 이미 만듦. 위에서 룰 따위도 만들어두었으니 그냥 enter로 진행.)
|
|-
|관련 패키지 설치
|
* start ms-settings:developers  (개발자모드 활성화)
* flutter pub add firebase_auth firebase_storage cloud_firestore
* flutter pub get
|
|-
|사용(플러터에서 연결)
|import 'package:firebase_core/firebase_core.dart';
void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await Firebase.initializeApp(

    options: DefaultFirebaseOptions.currentPlatform,

  );

}
|
|}