1. 程式人生 > 實用技巧 >firebase下的Google Oauth2環境快速搭建

firebase下的Google Oauth2環境快速搭建

  1. 註冊firebase https://firebase.google.com/, 然後新建一個專案https://console.firebase.google.com/

  2. 在 Firebase 控制檯中啟用 Google 登入機制:

    a. 在 Firebase 控制檯中,開啟身份驗證 (Authentication) 部分。

    b. 在登入方法標籤頁中,啟用 Google 登入方法並點選儲存

  3. 安裝firebase-cli https://firebase.google.com/docs/cli

  4. 使用谷歌準備好的專案,這裡只需要根據 auth 下的 google-popup.html ,詳見 https://github.com/firebase/quickstart-js/blob/master/auth/README.md


    酌情刪掉下面這行,這個是申請谷歌聯絡人賬號的許可權

    provider.addScope('https://www.googleapis.com/auth/contacts.readonly');
    
  5. 下一部是通過firebase建立一個專案然後同步上去,firebase似乎被牆了,但是你的谷歌登入本來就是被牆的.

    # 登入
    firebase login
    # 初始化專案,選擇hosting,其他安裝提示互動
    firebase init
    # 移動你的google-popup.html 到生成的public/index.html下
    mv google-popup.html public/index.html
    # 本地測試
    firebase serve --only hosting
    # 部署到☁️上
    firebase deploy
    

    訪問你註冊的firebase專案自定義域名

6 . 根據提到的https://github.com/firebase/quickstart-js/ 其實可以類似的快建立很多類似環境