[page:login]
tag in the page-level component (1st level). [page:login]
tag in a screen where the user can choose among those login options, and then navigate to separate pages to log in. See our example design to see how to do it.[component:input-email]
: Indicates which field will be used as the user email input, needs to be a valid email, as is required by Firebase.[component:input-password]
: Indicates which field will be used as a password input. Needs to be at least 6 characters.[action:login:firebase-email-password]
: Action of the button that does the login action with the filled information in the previous fields.[container]
.[component:input-tel]
: Indicates which field will be used as the user phone input. It needs to be a valid phone number, or a test phone number provided in Firebase (more about this here, step 7).[action:login:firebase-phone]
: performs the login action, needs to be added in the login button.[component:input-email]
: Indicates which field will be used as the username login, needs to be a valid email, as is required by Firebase.[component:input-password]
: Indicates which field will be used as a password.[action:register:firebase-email-password]
: Action of the button that does the register action with the filled information in the previous fields.[component:input-email]
: Indicates which field to be used to enter the email from the user to send the reset password instructions.[action:reset-password:firebase]
: Action of the button to send the reset instructions.[page:login:verify-phone]
: add this tag in the page-level component.[component:input-number]
: This will create a numeric input field for the confirmation code.[action:verify-phone:firebase]
: this action sends the confirmation code. If the code is correct, the user will navigate to the home page. Otherwise, an error message will be displayed, and the user will need to log in again.[action:logout:firebase]
: Log out action, can be added to any UI element inside the app.Save
.com.codelesslabs.app
Leave the rest blank, and click Register app
.Next
. The rest of the steps are not needed, so click Next
for steps 3 & 4. In the final step, click Skip this step
(or Continue to console if it's enabled).com.appfoundry.previewer
Leave the rest blank, and click Register app
.Next
. The rest of the steps are not needed, so click Next
for steps 3. In the final step, click Skip this step
(or Continue to console if it's enabled).Build
-> App Check
in the side menu. Then, select SafetyNet, enable the checkbox (the SHA code should already be there), and click Save.Settings
.