How to create Phone OTP Authentication in Sketchware

-
Code for send otp :

com.google.firebase.auth.PhoneAuthProvider.getInstance().verifyPhoneNumber(
                phoneNumber, 
                (long)60, java.util.concurrent.TimeUnit.SECONDS,
MainActivity.this,
              mCallback
   
);

Code for Moreblock :

}
com.google.firebase.auth.PhoneAuthProvider.OnVerificationStateChangedCallbacks mCallback = new com.google.firebase.auth.PhoneAuthProvider.OnVerificationStateChangedCallbacks() {
       
        @Override
        public void onVerificationCompleted(com.google.firebase.auth.PhoneAuthCredential phoneAuthCredential) {
            Toast.makeText(MainActivity.this,"Code Received",Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onVerificationFailed(com.google.firebase.FirebaseException e) {
           //if verification failed Toast.makeText(MainActivity.this,"verification fialed",Toast.LENGTH_SHORT).show();

        }

        @Override
        public void onCodeSent(String s, com.google.firebase.auth.PhoneAuthProvider.ForceResendingToken forceResendingToken) {
            super.onCodeSent(s, forceResendingToken);
            verificationCode = s;

//if success add your command here
 
//If error         

Toast.makeText(MainActivity.this,"Code sent",Toast.LENGTH_SHORT).show();
        }
    };
{


Code for verify OTP:

com.google.firebase.auth.PhoneAuthCredential credential = com.google.firebase.auth.PhoneAuthProvider.getCredential(verificationCode, otp);
auth.signInWithCredential(credential).addOnCompleteListener(MainActivity.this, _auth_sign_in_listener);

A tutorial video is attached below:



Comments

Post a Comment

Popular posts from this blog

How to Create Material Ripple Effect in Sketchware

-
On MoreBlock: } public static class MaterialRippleLayout extends FrameLayout {     private static final int     DEFAULT_DURATION        = 350;     private static final int     DEFAULT_FADE_DURATION   = 75;     private static final float   DEFAULT_DIAMETER_DP     = 35;     private static final float   DEFAULT_ALPHA           = 0.2f;     private static final int     DEFAULT_COLOR           = Color.BLACK;     private static final int     DEFAULT_BACKGROUND      = Color.TRANSPARENT;     private static final boolean DEFAULT_HOVER           = true;     private static final boolean DEFAULT_DELAY_CLICK     = true;     private static final boolean DEFAULT_PERSISTENT...
Read more

How to Create Custom Notifications with Listeners

-
MoreBlock Code:  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { CharSequence name = "Channel name 1"; String description = "Notification channel"; int importance = NotificationManager.IMPORTANCE_DEFAULT; NotificationChannel channel = new NotificationChannel("id 1", name, importance); channel.setDescription(description); NotificationManager notificationManager = getSystemService(NotificationManager.class); notificationManager.createNotificationChannel(channel); } OnButtonClicked: RemoteViews contentView = new RemoteViews(getPackageName(), R.layout.cview); Intent intent = new Intent(MainActivity.this, TwoActivity.class); intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TASK); PendingIntent pendingIntent = PendingIntent.getActivity(MainActivity.this, 0, intent, 0); Intent intent1 = new Intent(MainActivity.this, ThreeActivity.class); intent1.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TASK); PendingIn...
Read more

How to create Custom Dialog in Sketchware

-
Image
The code used: final AlertDialog dialog2 = new AlertDialog.Builder(MainActivity.this).create(); View inflate = getLayoutInflater().inflate(R.layout.dialog, null); dialog2.setView(inflate); dialog2.getWindow().setBackgroundDrawableResource(android.R.color.transparent); final Button but1 = (Button) inflate.findViewById(R.id.button1); final Button but2 = (Button) inflate.findViewById(R.id.button2); final LinearLayout lin1 = (LinearLayout) inflate.findViewById(R.id.linear2); _gd(lin1, "#FFFFFF", "#2196F3", 25); _setCornerRadius(but1, 100, "#2196F3"); _setCornerRadius(but2, 100, "#1976D2"); but1.setOnClickListener(new OnClickListener() { public void onClick(View view) { MainActivity.this.finish(); } }); but2.setOnClickListener(new OnClickListener() { public void onClick(View view) { dialog2.dismiss(); } }); dialog2.show(); A tutorial video is below:
Read more