iT邦幫忙

2023 iThome 鐵人賽

DAY 28
0
Mobile Development

Android studio使用過程與開發說明系列 第 28

Day28 - 使用Firebase與Android studio實現登入(上篇)

  • 分享至 

  • xImage
  •  

前言
這次我會試範Firebase與Android studio的結合使用,這一個篇章我會先教導如何在Android studio安裝Firebase的套件,還有一些而外新的套件,有一種套件方便在寫code時,可以直接把你當前樣綁定的xml的物件給直接顯示出來,而不用再寫findViewById(R.layout.xxx);去特別記住xxx的部分。

步驟

1.先到firebase的官網並創建一個android studio的空專案
firebase的網址:https://firebase.google.com
點擊紅色圈起來的部分
https://ithelp.ithome.com.tw/upload/images/20231006/20161502KNfyujoZvk.png

2.按下增新專案的部分。
https://ithelp.ithome.com.tw/upload/images/20231006/20161502gCQNcprNP7.png
3.取名子https://ithelp.ithome.com.tw/upload/images/20231006/20161502tKmAaksUZu.png

4.關閉Enable Google Analytics for this project 並按下創建,等待進度完

  • 如果以後做專案用的到了話可以勾選開啟,實際上不影響
    https://ithelp.ithome.com.tw/upload/images/20231006/201615023Nw7SPhUfZ.png

5.按下Android圖案的圖
https://ithelp.ithome.com.tw/upload/images/20231006/20161502ztMsXK5bNL.png
畫面進到如下
https://ithelp.ithome.com.tw/upload/images/20231006/20161502kgWBqk8hqq.png

第一個Android package name輸入你的Android studio裡這段名稱 只需要"com.example.xxxxxx"的部分白色字的部分不用
https://ithelp.ithome.com.tw/upload/images/20231006/20161502Uuxq4aqfcw.png
https://ithelp.ithome.com.tw/upload/images/20231006/20161502kb8VvnhYhW.png
輸入完再按下Register app。
6.下載google-sercices.json 把它打包進Android studio
https://ithelp.ithome.com.tw/upload/images/20231006/201615025pdIzKMFHO.png
https://ithelp.ithome.com.tw/upload/images/20231006/20161502vAEqigyXDE.png

7.在android studio的build.gradle (Module :app)照著說明對應對位置複製上貼上套件代碼
https://ithelp.ithome.com.tw/upload/images/20231006/20161502S6wvmOEA4Z.png
https://ithelp.ithome.com.tw/upload/images/20231006/20161502PB08EH7721.png

8.按下黑色框框的部分完成
https://ithelp.ithome.com.tw/upload/images/20231006/20161502WqFXZXJskd.png

Android Studio的部分

1.到Tool點擊可以看到Firebase點擊它
https://ithelp.ithome.com.tw/upload/images/20231006/20161502g8tqaHMU8d.png
2.找到Firebase的Cloud Firestore點擊橘色圈起來的部分
https://ithelp.ithome.com.tw/upload/images/20231006/201615022kPfarMcQs.png
3.可以看見橘色圈是前面步驟完成後會看見已連接的部分,直接執行第二步驟安裝SDK套件到Module裡,過程中會詢問你直接同意就好
https://ithelp.ithome.com.tw/upload/images/20231006/20161502dX5W39MSab.png

4.android的檔案管理區點選AndroidManifest.xml

  • 輸入這段打開網路權限
    <uses-permission android:name="android.permission.INTERNET" />

https://ithelp.ithome.com.tw/upload/images/20231006/201615020L53qaflGw.pnghttps://ithelp.ithome.com.tw/upload/images/20231006/20161502Aj1L2vNZxJ.png

Firebase

  1. 按下創建選擇如圖片一樣測試版本的部分按下"Next"
    https://ithelp.ithome.com.tw/upload/images/20231006/20161502ct4dSFMO4J.png
    https://ithelp.ithome.com.tw/upload/images/20231006/20161502uaE6sGUtU3.png
    https://ithelp.ithome.com.tw/upload/images/20231006/20161502Mso4AzoCvl.png

2.結果會長這樣,因我有做出專案了 你們看到會是空空的部分。

  • 我先在這邊申明如果要放會員登入障密資料的話不建議使用cloud firestore,建議使用Firebase Authentication,這裡因為是教學用所以我用cloud firestore來使用。

https://ithelp.ithome.com.tw/upload/images/20231006/20161502FeNmh2iFDg.png

結語
這裡先交大家安裝有關firebase套件的部分下一章會開始直接使用firebase在Android studio的套件,並在安裝兩個新的套件給大家下載做使用


上一篇
Day27 - Android Studio 模糊搜尋
下一篇
Day29 - 使用Firebase與Android studio實現登入 (下篇)
系列文
Android studio使用過程與開發說明30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言