Web App နှင့် ချိတ်ဆက်ခြင်း

Web App နှင့် Firebase ချိတ်ဆက်ခြင်း

Firebase project ဆောက်ပြီးရင် သင့် Web App ကို Register လုပ်ပြီး config code ရယူရပါမယ်။ ဒီ config က သင့် frontend app ကို Firebase project နဲ့ ချိတ်ပေးတဲ့ address card လိုပါပဲ။

အဆင့်လိုက်လုပ်နည်း

1. Project Overview မှာ Web icon </> ကိုနှိပ်ပါ။
2. App nickname ထည့်ပါ။ ဥပမာ notes-web
3. Firebase Hosting သုံးမယ်ဆိုရင် checkbox ကိုလိုအပ်သလိုရွေးပါ။
4. Register app နှိပ်ပြီး config ကိုရယူပါ။
5. Modern JavaScript project ဖြစ်ရင် npm install firebase ဖြင့် SDK ထည့်ပါ။

Code Example — Firebase app initialize

import { initializeApp } from 'firebase/app';

const firebaseConfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_PROJECT.firebaseapp.com',
  projectId: 'YOUR_PROJECT_ID',
  storageBucket: 'YOUR_PROJECT.appspot.com',
  messagingSenderId: 'YOUR_SENDER_ID',
  appId: 'YOUR_APP_ID'
};

const app = initializeApp(firebaseConfig);

export default app;

ဒီ code က ဘာလုပ်တာလဲ?

initializeApp က Firebase project config ကို app ထဲမှာ initialize လုပ်ပေးပါတယ်။ နောက်ပိုင်း Auth, Firestore, Storage သုံးတဲ့အခါ ဒီ initialized app ကိုအခြေခံပြီး service တွေချိတ်သွားပါတယ်။

သတိထားရန်

Config ကို browser မှာမြင်နိုင်တာပုံမှန်ပါ။ ဒါပေမဲ့ database/file access ကိုကာကွယ်တာက Security Rules ဖြစ်ပါတယ်။ GitHub public repo ထဲမှာ sensitive server key, service account JSON မတင်ပါနဲ့။