Android app development is an interesting field of mobile application development, and Java is widely used as the primary programming language for Android. This article will provide a detailed explanation of how to implement a simple sign-up and login feature using Java. In this process, we will use Android Studio and utilize Firebase as the backend for login and sign-up functionalities.
1. Project Setup
- Launch Android Studio.
- Create a new project. Select “Empty Activity” and enter the project name and package name.
- Create a project in the Firebase Console to integrate with Firebase, and add the Android app.
- Download the google-services.json file and add it to the app folder of the project.
- Modify the build.gradle file to add Firebase dependencies.
dependencies {
implementation 'com.google.firebase:firebase-auth:21.0.1'
// Other dependencies
}
2. Firebase Setup
Set up Firebase Authentication service to allow sign-up and login with email and password.
- Select Authentication in the Firebase Console and click “Get Started.”
- Enable “Email/Password” under sign-in methods.
3. Create XML Layouts
Create individual layout files for the sign-up and login screens.
activity_signup.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">
<EditText
android:id="@+id/signupEmail"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Enter Email" />
<EditText
android:id="@+id/signupPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Enter Password"
android:inputType="textPassword" />
<Button
android:id="@+id/signupButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sign Up" />
</LinearLayout>
activity_login.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">
<EditText
android:id="@+id/loginEmail"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Enter Email" />
<EditText
android:id="@+id/loginPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Enter Password"
android:inputType="textPassword" />
<Button
android:id="@+id/loginButton"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Login" />
</LinearLayout>
4. Implement Java Code
Now, implement the sign-up and login functionalities in the Activity class.
SignupActivity.java
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import com.google.firebase.auth.FirebaseAuth;
import com.google.firebase.auth.FirebaseUser;
public class SignupActivity extends AppCompatActivity {
private EditText signupEmail, signupPassword;
private Button signupButton;
private FirebaseAuth mAuth;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_signup);
signupEmail = findViewById(R.id.signupEmail);
signupPassword = findViewById(R.id.signupPassword);
signupButton = findViewById(R.id.signupButton);
mAuth = FirebaseAuth.getInstance();
signupButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String email = signupEmail.getText().toString();
String password = signupPassword.getText().toString();
registerUser(email, password);
}
});
}
private void registerUser(String email, String password) {
mAuth.createUserWithEmailAndPassword(email, password)
.addOnCompleteListener(this, task -> {
if (task.isSuccessful()) {
FirebaseUser user = mAuth.getCurrentUser();
Toast.makeText(SignupActivity.this, "Sign-up Successful: " + user.getEmail(), Toast.LENGTH_SHORT).show();
startActivity(new Intent(SignupActivity.this, LoginActivity.class));
finish();
} else {
Toast.makeText(SignupActivity.this, "Sign-up Failed: " + task.getException().getMessage(), Toast.LENGTH_SHORT).show();
}
});
}
}
LoginActivity.java
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import com.google.firebase.auth.FirebaseAuth;
import com.google.firebase.auth.FirebaseUser;
public class LoginActivity extends AppCompatActivity {
private EditText loginEmail, loginPassword;
private Button loginButton;
private FirebaseAuth mAuth;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);
loginEmail = findViewById(R.id.loginEmail);
loginPassword = findViewById(R.id.loginPassword);
loginButton = findViewById(R.id.loginButton);
mAuth = FirebaseAuth.getInstance();
loginButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String email = loginEmail.getText().toString();
String password = loginPassword.getText().toString();
loginUser(email, password);
}
});
}
private void loginUser(String email, String password) {
mAuth.signInWithEmailAndPassword(email, password)
.addOnCompleteListener(this, task -> {
if (task.isSuccessful()) {
FirebaseUser user = mAuth.getCurrentUser();
Toast.makeText(LoginActivity.this, "Login Successful: " + user.getEmail(), Toast.LENGTH_SHORT).show();
// Move to MainActivity
} else {
Toast.makeText(LoginActivity.this, "Login Failed: " + task.getException().getMessage(), Toast.LENGTH_SHORT).show();
}
});
}
}
5. Testing
Run the app, sign up, and check if the login functionality works correctly. You can verify the registered user information through the Authentication section in the Firebase Console.
6. Conclusion
In this tutorial, we simply implemented the sign-up and login functionalities using Java in Android app development with Firebase. This basic feature will serve as a stepping stone to create more advanced applications.
We plan to cover more topics related to Android app development in the future. We hope this helps in your Android development journey!