파베 콘솔 페이지로 들어간다.
https://console.firebase.google.com/
아까 추가했던 프로젝트를 클릭해 들어간다.
프로젝트 개요(대문) 화면이 나온다. 아래 그림에 표시해둔 </> 태그 모양 아이콘을 클릭한다.
웹앱에 대한 파베 추가 과정이 나온다. 원하는 닉네임을 입력한다. 나는 일관되게 대충하고 있으나, 실제 작업 시에는 고민 많이 하시기 바란다. 나는 로컬 테스트만 할 것이기 때문에 호스팅은 미선택. 그리고, 앱 등록 버튼을 누르면 끝.
약간 기다리면 아래와 같이 나만의 config 정보가 생긴다. firebase 객체의 초기화 인자들이며, 토큰이라 예상한다. 실제 SDK 구현체는 CDN을 통해 가져오는게 기본인 듯.
잘되는지 해보자. 깡통 html을 만들어서 실행해보자.
<html>
<body>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyAGLPotaNn6xq--------------------",
authDomain: "my-awesome-project-----.firebaseapp.com",
projectId: "my-awesome-project-----",
storageBucket: "my-awesome-project-de67c.appspot.com",
messagingSenderId: "963093------",
appId: "1:963093------:web:fb1aa27d50-----------"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
alert(firebase.app().name);
</script>
<body>
</html>
아래처럼 app이 초기화 되었음을 확인할 수 있다.
'Tech Study > Firebase' 카테고리의 다른 글
| 4. Firebase DB - Firestore or Realtime Database? (2) | 2021.06.06 |
|---|---|
| 3. Firebase - 웹페이지(웹앱)에 구글 인증 달아보기 (실제 예제 첨부) (0) | 2021.05.20 |
| 1. Firebase 프로젝트 추가 (0) | 2021.05.17 |
| 파이어베이스(Firebase)와 서버리스(Serverless) (2) | 2021.05.16 |
