[Firebase] Android stduio Firebase 安裝教學 詳細圖解

點選上方工具列的Tools>Firebase

右邊會跳出Firebase的功能列表,選擇你要使用的功能按左邊的三角形,然後點選下面多出來藍色有底線的字(每個選項的內容都不一樣,這裡使用Authentication登入做示範,並統一稱作藍色有底線的字)

註:你也可以在Firebase的首頁來新增專案,但是我們這樣做的好處是Android Studio會自動幫你讀取SHA憑證指紋

然後點選Connect to Firebase

這時應該會跳出瀏覽器,登入你的google帳戶,然後按允許。如果瀏覽器有儲存登入資訊的話會跳出這個視窗,直接按下允許

選擇Firebase

正常情況應該是會關閉瀏覽器,跳回Android Studio,但是如果你是跳到Firebase首頁的話那就是他出問題了,直接關閉視窗

這時你的Android Studio應該會長這樣動都不能動,因為他在等待瀏覽器回傳登入資訊,這時只能強制關閉然後重新打開Android Studio
(如果剛剛有自動關閉視窗請跳過)

重新開啟後你會發現右上角的大頭貼已經變成你帳號的圖片,然後重頭做一次所有的步驟,只是按下藍色底線的字後不會開啟瀏覽器、右側功能表會變成這樣。
接著按下①下面的那個Connect to Firebase後會跳出一個小視窗
(正常會直接跳出這個小視窗)

在第一個框框內輸入你要在Firebase內建立的專案名稱(如果要使用舊有的專案就點第二個並選擇),然後選擇國家/區域,按下藍色的Connect to Firebase

等待他建立完專案之後按下②下面的Add Firebase Authentication to your app(如果一開始選擇和我不同的話,文字也會不同)

按下Accept Changes

「正常情況下」你會發現依賴項有問題(我裝過非常多次還沒有一次沒有問題)

開啟Firebase首頁按下Get Started或是 前往控制台


你會發現專案已經被新增進來了,選擇剛剛建立的專案(你的名稱會和我不一樣)

按下上面的這個圖案

「繼續設定SDK」

你可以檢查設定檔有沒有成功下載到專案內,不過問題應該是出現在下一步,所以直接按繼續

看好這三行,後兩行等等要複製(按下框框內的按鈕可以直接複製)

開啟build.gradle(Project:專案名稱)
你會發現他自動新增第一行了,只是版本號不一樣。游標指向他後上面又寫有新的版本,你把4.1.0改成最新版的4.2.0(改數字就好)

開啟另一個build.gradle(Module:app)比對一下,
你會發現剛剛叫你複製的那兩行他沒有自己新增,你把它貼到圖片上的這個位置
注意:「}」要自己一行,不然會錯誤


貼上之後按下右上角的Sync Now,跑完之後下面的錯誤應該就會消失了

回到網頁按下繼續

出現這個畫面後回到Android studio

按下右上角的執行,選擇一個模擬器之後點OK

模擬器執行後大概1分鐘以內網頁就會跳出成功訊息(不行的話把APP刪掉重裝)


這樣就安裝完成了



留言