티스토리 뷰

IT/프로그래밍

[Flutter] Firebase App Check Web Local에서 테스트하기

ko dean 2023. 4. 7. 09:22

 

 

[Flutter] firebase_app_check reCAPTCHA v3 key 만들기

https://www.google.com/u/1/recaptcha/admin/create?hl=ko 로 이동하여 사이트 등록을 진행한다. reCAPTCHA 유형에서는 reCAPTCHA v3를 클릭하고 도메인을 추가한다. 그러면 이렇게 키가 생성되는데 사이트 키를 복사

kodean.tistory.com

 

reCAPTCHA code를 생성하고 로컬 Web에서 Firebase App Check를 실행하면

도메인이 localhost:포트 번호로 실행이 되어서 Firebase 접근이 불가능하다.

이런 경우 reCAPTCHA에 도메인을 localhost로 추가해야하나 고민을 하게 되는데

localhost로 추가를 하게 되면 App Check를 사용하는 의미가 없어진다.

 

그러므로 iOS와 동일하게 Debug키를 생성하여 Firebase App Check에 Dubug 키를 등록하여 테스트하도록한다.

 

 

Flutter폴더에서 web 폴더로 들어간뒤 index.html을 열어주자

<body>
  <script>
    window.addEventListener('load', function(ev) {
      // Download main.dart.js
      _flutter.loader.loadEntrypoint({
        serviceWorker: {
          serviceWorkerVersion: serviceWorkerVersion,
        },
        onEntrypointLoaded: function(engineInitializer) {
          engineInitializer.initializeEngine().then(function(appRunner) {
            appRunner.runApp();
          });
        }
      });
    });
    self.FIREBASE_APPCHECK_DEBUG_TOKEN = true; // 추가
  </script>
</body>

 

이렇게 추가하고 웹으로 디버깅을 하고 개발자 도구를 켜서 console로그를 보면

이렇게 토큰 값이 생성 된다.

이렇게 생성된 토큰 값을 firebase app check에 web 에 들어가서 디버그 토큰 등록을 추가하면된다.

토큰 등록하는 방법은 하단에 링크에 나와있으니 참고하자.

 

[Flutter] ios 시뮬레이터에서 firebase_app_check 사용방법

실컷 설치해두고 ios 시뮬레이터에서 디버깅을 하니 firestore_app_check가 정상적으로 작동해서 차단당해버렸다.. 시뮬레이터에서 firestore_app_check를 하면 안되는 것이 맞다! 하지만 디바이스를 꽂아

kodean.tistory.com

 

'IT > 프로그래밍' 카테고리의 다른 글

[Flutter] 빌드시 DVTCoreDeviceEnabledState_Disabled 에러 해결방법  (0) 2023.05.24
[iOS] Firebase dev Product 환경 분리하기  (0) 2023.05.15
[Flutter] ios 시뮬레이터에서 firebase_app_check 사용방법  (0) 2023.04.07
[Flutter] firebase_app_check reCAPTCHA v3 key 만들기  (0) 2023.04.06
[Flutter] Firebase Appcheck 설치방법  (0) 2023.04.06