code(cdn)

Introducing Firebase Authentication

https://vuefire.vuejs.org/

firebase為前端開發者提供一個不用後端就可以處理身份授權驗證(Authentication)的服務,有email及電話和第三方包含fb、twitter、apple、github、google,並可以和現有用戶系統做整合

截圖 2022-11-16 下午3.50.33.png

截圖 2022-11-16 下午3.50.19.png

關於身份驗證相關服務的費用,月活躍用戶數則是5萬/月,並且赫然發現簡訊費用意外低,一個月不超過10000的話甚至免費,如果是中小型服務換算下來可能比簡訊王還要便宜。

截圖 2022-11-16 下午4.00.00.png

官方文件中提到在身份驗證(後面簡稱auth)的服務提供了兩種使用方案:

1.FirebaseUI(與v9 模塊化 SDK不兼容)

構建在 Firebase auth SDK 之上的library,官方警告FirebaseUI 與v9 模塊化 SDK 兼容。

<aside> 🐢

不過實際run了半小時文件有點複雜看得霧煞煞,直接放棄先用之前用過的sdk來開發。

</aside>

但可以參考他的UI介面,尤其時樣式顏色icon的部分。 → Demo

也測試一下點擊不同的登入按鈕後會發生什麼行為,fb官方文件看起來怪怪的就先不接,私心想測試看看電話和github。

2.FirebaseSDK

聊天室-使用Socket.io & firebase(Old)

前置處理

2-1使用CDN引用