firebase messaging

firebase是甚麼?

一個行動應用程式開發的平台服務，並且支援跨平台－Android、iOS、web、unity(一個遊戲引擎)。

firebase sdk提供DB、messaging、GA、效能監測...功能，這篇主要介紹messaging的部分

如何用?

2.下載sdk
盡量裝firebase v9，v8可能會報錯「export 'default' (imported as 'firebase') was not found in 'firebase/app'」

initializeApp
a-1. 產生key
Project settings的Cloud Messaging，找到Web Push certificate，點Generate Key Pair

a-2. import已存在的key
專案owner才可以執行
Project settings的Cloud Messaging，找到Web Push certificate，點import an existing key pair.

b. initializeApp

 // 直接裝9的話

 import {initializeApp} from 'firebase/app';  
 import { getMessaging, onMessage } from "firebase/messaging";
 const firebase = initializeApp(firebaseConfig);
 export const getMessage = getMessaging();
 export const messaging = onMessage;
 export default firebase;

 // 從8升級9，懶得改code的話就用firebase/compat，因為其和8相容

 import firebase from 'firebase/compat/app';  
 import 'firebase/compat/auth';  
 import 'firebase/compat/messaging';      
 const firebaseConfig = { // setting/general拉到最下面會看到web專案的config
     apiKey: "...",
     authDomain: "....",
     databaseURL: "....", 
     projectId: "....", // 建立專案的時候取的
     storageBucket: "....",
     messagingSenderId: "....", // firebase messaging用
     appId: "....",
     measurementId: "...."
 };  
 firebase.initializeApp(firebaseConfig);  
 export const messaging = firebase.messaging;  
 export default firebaseUtility;

Update to v9 compat