Firebase Email Auth Extension

[TrickyLabX]

A non-visible component that lets you integrate Firebase Authentication (email/password) into your App Inventor, Kodular, or other AI2-based apps without writing Java code.

Features

• Sign Up / Sign In with Email & Password
• Change Password (requires current ID token)
• Change Email (requires current ID token)
• Refresh ID Token
• Send Email Verification
• Check Email Verification Status
• Delete Account
• Reset Password (send password reset email)
• Exposes both Local ID and ID Token to your blocks

All operations use Firebase’s REST Web API; no Google Play Services dependency.

Designer Properties

Property Name	Type	Description
ApiKey	Text	Your Firebase project Web API Key (from Firebase Console → Project Settings).
SignedInLocalId	Readonly	The user’s local UID returned by Firebase after sign in.
SignedInIdToken	Readonly	The user’s current ID Token returned by Firebase after sign in.

---

Blocks

Authentication

Block	Inputs	Output / Event
SignUp(email, password)	Email, Password	Fires SignUpSuccess(email, idToken, localId) or SignUpFailed(errorJson)
SignIn(email, password)	Email, Password	Fires SignInSuccess(email, idToken, localId) or SignInFailed(errorJson)
SendVerificationEmail(idToken)	idToken (from sign in)	Fires VerificationSent(email, idToken) or VerificationFailed(errorJson)
CheckEmailVerificationStatus(idToken)	idToken	Fires EmailVerifiedStatus(verified)

Account Management

Block	Inputs	Output / Event
ChangeEmail(idToken, newEmail)	idToken, newEmail	Fires ChangeEmailSuccess(oldEmail, newEmail, response) or ChangeEmailFailed(errorJson, oldEmail, newEmail)
ChangePassword(idToken, newPassword)	idToken, newPassword	Fires ChangePasswordSuccess(oldPassword, newPassword, response) or ChangePasswordFailed(errorJson, oldPassword, newPassword)
RefreshToken(refreshToken)	Refresh token	Fires RefreshTokenSuccess(responseJson) or RefreshTokenFailed(errorJson)
DeleteAccount(idToken)	idToken	Fires DeleteAccountSuccess(email) or DeleteAccountFailed(errorJson)
SendPasswordResetEmail(email)	Email	Fires ResetPasswordSuccess(email) or ResetPasswordFailed(errorJson)

Events

• SignUpSuccess(email, idToken, localId)
• SignUpFailed(errorJson)
• SignInSuccess(email, idToken, localId)
• SignInFailed(errorJson)
• VerificationSent(email, idToken)
• VerificationFailed(errorJson)
• ChangeEmailSuccess(oldEmail, newEmail, response)
• ChangeEmailFailed(errorJson, oldEmail, newEmail)
• ChangePasswordSuccess(oldPassword, newPassword, response)
• ChangePasswordFailed(errorJson, oldPassword, newPassword)
• RefreshTokenSuccess(responseJson)
• RefreshTokenFailed(errorJson)
• EmailVerifiedStatus(verified)
• DeleteAccountSuccess(email)
• DeleteAccountFailed(errorJson)
• ResetPasswordSuccess(email)
• ResetPasswordFailed(errorJson)

All errorJson strings are the raw JSON returned by Firebase (no parsing) so you can inspect error.message in your blocks.

Usage Example

1. Drag the component into your project.
2. Set ApiKey to your Firebase Web API Key.
3. On a Sign Up button click:

when Button1.Click
    call EmailAuth1.SignUp(TextBoxEmail.Text, TextBoxPassword.Text)

4. Handle success:

when EmailAuth1.SignUpSuccess do
    set Label1.Text to join "Signed up: " email
    set global IdToken to idToken

5. Later use global IdToken to change password, change email, or delete the account.

Blocks Image

Download AIX :
com.tricky.emailauth.aix (14.1 KB)

[TrickyLabX]

@JEWEL Done

[Ibrahim_Jamar]

Awesome!!! But what’s the different with the kodular Firebase Authentication? Also if possible add phone number sign in option, check out here

Firebase Authenticaiton Phone Number Sign RuntimeError safetynet

I checked out Kodular Fenix (v1.5D.0) Bug Tracker before creating a new topic Describe your issue Using Firebase Authenticaiton you cannot signIn through your phone number. Steps to reproduce the issue Add Firebase Authenticaiton to the project Import google-services.json Create a call to PhoneNumberSignIn (Export APK and call the function) Expected Behaviour The component performs sign-in to Firebase via phone number. Actual Behaviour java.lang.NoClassDefFoundError: Failed resolution of…

[TrickyLabX]

This extension does not work with phone authentication. Its all about email Auth with every features with minimum effort. its just require API key from firebase to work, google-service.json is not required

[Ibrahim_Jamar]

@TrickyLabX

This extension does not work with phone authentication

@Ibrahim_Jamar

Also if possible add phone number sign in option

That was a request

[TrickyLabX]

I am trying Thank you for your suggestion.

[zeldim]

Hello how do I check if an email is verified or not?

[Ibrahim_Jamar]

Is this setup not working?

[zeldim]

it’s not is it supposed to?

[Ibrahim_Jamar]

Of course, what’s about verified it manually, like creating OTP system, send it to that email, and if user enters correct information, mean that email is a working, I have ever used this functionality

[TrickyLabX]

You have to send verification email first

[TrickyLabX]

Firebase don’t allow costom OTP verification

[Ibrahim_Jamar]

@Ibrahim_Jamar

what’s about verified it manually, like creating OTP system

The system I was talking about here it’s not from firebase, you can create that with web component and Google Script apps

Send email from kodular with google script, without using extensions

Hello friends, maybe some of you already know, but I share this brief guide for sending email from kodular with a gmail account. No extensions or anything is needed, just use the script provided by Google and kodular the WEB component. We enter Google Drive with our account. now click on + new > more > google apps script [image] In the script console we paste our script code function myFunction() { } function doGet(){ return ContentService.createTextOutput(“online”); } function doPo…

Easy, there’s a lot of tutorials about this in the community

[zeldim]

I already have it doing that. It sends the verification to the email and works but how do I verify it using this extension?

[Ibrahim_Jamar]

That will not work because if you close the app go to the email, when turning back, u suppose to verify blocks after user verify it in external web, may add verification webview inside you app and catching it’s response, but it needs setup

Else verify it manually, we do verify options, reason it to confirm that the user enter a working email address to avoid abuse, or drama logins, so just set your OTP, but before send it store it inside your app, then send it

Eg 175867, call TinyDB store value 175867. The compare with user inputs, if matches then that email address is working

[ozer_yesilyurt (Nivex SF)]

I am using an authentication extension, but when I build it, this error appears.There is no problem in testing with companion. I tried, but it didn’t work. Please help me.
The extension I use: Firebase Email Auth Extension

@Taifun

[Taifun]

@ozer_yesilyurt

plugin

This is called extension and not plugin. Please use the correct term to avoid confusion

@ozer_yesilyurt

this error appears

You forgot to provide the error and a screenshot of your relevant blocks

Taifun

[Ibrahim_Jamar]

First you should have read the error dialog, the error was mentioned itself, if look down there

You added OneSignal component without adding its values, enter your App Id and compile will 100%