2022年5月5日 星期四

App inventor 2 透過web元件連接firebase(2):Authentication的sign in (登入)

一、拉一個web元件,一個帳號的輸入盒、一個e-mail的輸入盒,一個登入的按鈕
二、web元件連接的網址如下:
https://identitytoolkit.googleapis.com/v1/accounts:update?key=[API_KEY]
API_KEY在firebase中的專案管理中可以找到 ,為 網路 API 金鑰的內容
三、利用post的方法傳送 post給的值為 mail="自己設"&password="自己設"&returnSecureToken=true。

完成的內容為:

https://identitytoolkit.googleapis.com/v1/accounts:signUp?key=金鑰&mail=自己的mail&password="自設密碼"&returnSecureToken=true。


實作方法如下:

四、登入完,會收到回傳資料,大概處理的方法如下:



會回傳的值(最後一個圖中的回傳內容)大概有下列幾項:
屬性類型描述
idTokenstring使用者登入的令牌,這就是檢查的一個憑證。
emailstring使用者的e-mail
refreshTokenstring更新的使用者令牌。
expiresInstring令牌可使用的時間。
localIdstring系統幫使用者者生成的一個ID,亂碼生成,但同一個使用者是固定的。
registeredboolean是否為註冊用戶。



確認正確取得資料後,可透過字典的積木取值,取值完,跳頁的方法大致如下:



參考原始網頁:https://firebase.google.com/docs/reference/rest/auth

沒有留言:

張貼留言