If using Firebase Authentication, why not extend that and update the user profile with the additional information, then all you need to do is call back the profile and parse it to your form?
You will need to add your Firebase project APIKey, Firebase Project Url (with a / at the end) and Firebase Storage Project ID, in the variables provided.
The example will then allow you to:
SignUp a user with Firebase Authentication (email/password) and add profile information to the Firebase Realtime Database, with images (selected from Shared Storage) uploaded to Firebase Storage
SignIn a user, using Firebase Authentication (email/password)
View, Edit and Update User Profile Information using Firebase Authentication, Firebase Storage and Realtime Database
Profile Data for each user is stored under their UID, created when they sign up.
SignOut a user in the app (the user does remain signed into Firebase, until their 1 hour token expires, but as the developer you need to prevent any actions to the Firebase data, just as by signing in gives access to the profile)
No secure rules used on the realtime database data or on the Storage files
The example uses only the Firebase REST API and the web component(s)
The blocks are laid out in three columns to "mirror" the three above processes.
It is quite complex, with much back and forth between the app and Firebase, but on wifi (and with suitably sized images) the actions happen in a matter of / less than seconds.
I trust this is what you were after, and can apply it to your work
Thank you so much for your example and i do really appreciate it.
But i do have some questions regarding the Firebase Storage:
Firebase Storage URL is this this kind: gs://supportapp-test1.appspot.com (its just a testing project, not a real one), but you mentioned ID and i'm bit confused here
I forgot to mention, I did not apply any secure rules to the database or storage. The idToken for the signed in user is returned in the blocks, so additions to the blocks code need to be made for this to work.
I have put "https://supportapp-test1.appspot.com/" as the storageURL, and tried to sign up as a new user.
Everything's fine except the picture that I have selected to upload during signup process.
In the Firebase Realtime Database it show like below;
Sorry, my bad as I'm implying the network knowledge of https:// stuff in mobile development.
It turns out working as charm, you really can make things happen. Thank you.
About the secure rules for Firebase Storage, so i need to change current rules to this "allow read, write: if request.auth != null;", is it correct?
Today I have been tried to blend in your sample blocks into my app but turns out have problems.
As you can see below, I tested with two signups, can be written in Realtime DB but token failed to be fetched.
Below is my aia file and kindly help to check if I have missed out somewhere or I did something wrong?
Somehow I have tried to follow every single blocks from your last sample, and got plus some with my own blocks. MyIT_Support_App_Project1_Test.aia (401.6 KB)
Note: Your sample still working fine and perfectly.