-
활성화 하기
정상적으로 설치가되고 인증이 되었다면 firebaseConfig가 미리 정의되어 있고 필요한 개인 설정 값이 들어가 있다. 사용하려면 emulator를 끄고 사용하면 된다.
<head>에 있는 아래 코드에서 'useEmulator=true'에서 false로 변경해주면 접속이 된다. 그러나 개발용인 localhost에서만 문제없고 deploy에선 firebaseConfig가 중복 된다거나 app이름 등에서 문제가 있으니 이 줄을 주석처리해서 제거하는 것이 좋다.
<script defer src="/__/firebase/init.js?useEmulator=false"></script>직접 firebaseConfig넣기
Firebase firebaseConfig(apiKey, authDomain, authDomain, messagingSenderId, appId) 얻기
'init.js'주석처리와 firebaseConfig값 정의하기
<head> <script> const firebaseConfig = { apiKey: "AIzaSyB8UrSjwd111", authDomain: "fbtest1-11.firebaseapp.com", projectId: "fbtest1-11", storageBucket: "fbtest1-11.appspot.com", messagingSenderId: "16958311", appId: "1:1695838121:web:79a5ecb4f4911", measurementId: "G-N2E11" }; </script> <!-- <script defer src="/__/firebase/init.js?useEmulator=true"></script> --> </head>직접 코드 불러서 사용
사용 시점 참고: window DOMContentLoaded event
<body> <script> document.addEventListener('DOMContentLoaded', function () { const loadEl = document.querySelector('#load'); // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥 // // The Firebase SDK is initialized and available here! const app = firebase.initializeApp(firebaseConfig); // ... }); <!-- ... --> </body>'WebService' 카테고리의 다른 글
Web 개발 개요 (0) 2023.07.09 Firebase firebaseConfig(apiKey, authDomain, authDomain, messagingSenderId, appId) 얻기 (0) 2023.01.23 Firebase Ex (0) 2023.01.21 Firebase - Backend application (0) 2023.01.21 url 구조 (0) 2023.01.20 NginX (엔진엑스) (0) 2023.01.12 Jsp(Java Server Pages) (0) 2023.01.11 Servlet (Java Web Server) (0) 2023.01.11