Android App for Login Sign Up Using Android Volley and php

In this tutorial we are going code back-end for the Android App we build in other tutorial. For this we will use Android Volley to send request on server. Fortunately, Android studio does most of this part too. We only need to send the request for the login authentication or sign up from our android app.

Which is so simple using android volley and with piece of code, but I made some other changes too in the automatically generated code for our app. Read the comments in the code to understand the code completely. The main changes are:

• Removed the Async Class as the android volley automatically send the network requests in threads. Android Studio add the async class for the network operations as no network operation can be performed in the main thread.
• Remove all the relevant code to the async class.
• Paste the url of your server in string.xml and also change the file name accordingly in the java files. You can make your laptop a server using xampp. Follow the tutorial here for further instructions if you get troubled.

I think that is pretty much all. The rest of code is same. Now move on the tutorial part. The step by step break down for the android app is as follows:

• Add the uses-permission in Android Manifest file.
  

  <uses-permission android:name="android.permission.INTERNET"/>

• Add the dependency for Android Volley in build.gradle (Module: app).
  

  compile 'com.android.volley:volley:1.0.0'

• Write the code to send request to server for login or sign up.
• Write the server side code. For this tutorial I am just sending success from the server for both login.php and signup.php.
  <?php echo "success"; ?>

And that all. You are done with the Android App for Login and Sign Up. You can get the complete android app code with back-end at Github Repository. Or you can get the code below in this post for login and sign up classes.

LoginActivity.java

	package com.demo.farooq.loginsignup;
	import android.animation.Animator;
	import android.animation.AnimatorListenerAdapter;
	import android.annotation.TargetApi;
	import android.content.Context;
	import android.content.Intent;
	import android.content.pm.PackageManager;
	import android.support.annotation.NonNull;
	import android.support.design.widget.Snackbar;
	import android.support.v7.app.AppCompatActivity;
	import android.app.LoaderManager.LoaderCallbacks;
	import android.content.CursorLoader;
	import android.content.Loader;
	import android.database.Cursor;
	import android.net.Uri;
	import android.os.AsyncTask;
	import android.os.Build;
	import android.os.Bundle;
	import android.provider.ContactsContract;
	import android.text.TextUtils;
	import android.view.KeyEvent;
	import android.view.View;
	import android.view.View.OnClickListener;
	import android.view.inputmethod.EditorInfo;
	import android.widget.ArrayAdapter;
	import android.widget.AutoCompleteTextView;
	import android.widget.Button;
	import android.widget.EditText;
	import android.widget.TextView;
	import android.widget.Toast;
	import com.android.volley.AuthFailureError;
	import com.android.volley.Request;
	import com.android.volley.RequestQueue;
	import com.android.volley.Response;
	import com.android.volley.VolleyError;
	import com.android.volley.toolbox.StringRequest;
	import com.android.volley.toolbox.Volley;
	import java.util.ArrayList;
	import java.util.HashMap;
	import java.util.List;
	import java.util.Map;
	import static android.Manifest.permission.READ_CONTACTS;
	/**
	* A login screen that offers login via email/password.
	*/
	public class LoginActivity extends AppCompatActivity implements LoaderCallbacks<Cursor> {
	/**
	* Id to identity READ_CONTACTS permission request.
	*/
	private static final int REQUEST_READ_CONTACTS = 0;
	/**
	* Keep track of the login task to ensure we can cancel it if requested.
	*/
	// UI references.
	private AutoCompleteTextView mEmailView;
	private EditText mPasswordView;
	private View mProgressView;
	private View mLoginFormView;
	private View mSignUpButton;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_login);
	// Set up the login form.
	mEmailView = (AutoCompleteTextView) findViewById(R.id.email);
	populateAutoComplete();
	mPasswordView = (EditText) findViewById(R.id.password);
	mPasswordView.setOnEditorActionListener(new TextView.OnEditorActionListener() {
	@Override
	public boolean onEditorAction(TextView textView, int id, KeyEvent keyEvent) {
	if (id == R.id.login || id == EditorInfo.IME_NULL) {
	attemptLogin();
	return true;
	}
	return false;
	}
	});
	Button mEmailSignInButton = (Button) findViewById(R.id.email_sign_in_button);
	mEmailSignInButton.setOnClickListener(new OnClickListener() {
	@Override
	public void onClick(View view) {
	attemptLogin();
	}
	});
	mLoginFormView = findViewById(R.id.login_form);
	mProgressView = findViewById(R.id.login_progress);
	mSignUpButton = findViewById(R.id.sign_up_button);
	mSignUpButton.setOnClickListener(new OnClickListener() {
	@Override
	public void onClick(View v) {
	Intent i = new Intent(getApplicationContext(), SignUp.class);
	startActivity(i);
	}
	});
	}
	private void populateAutoComplete() {
	if (!mayRequestContacts()) {
	return;
	}
	getLoaderManager().initLoader(0, null, this);
	}
	private boolean mayRequestContacts() {
	if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
	return true;
	}
	if (checkSelfPermission(READ_CONTACTS) == PackageManager.PERMISSION_GRANTED) {
	return true;
	}
	if (shouldShowRequestPermissionRationale(READ_CONTACTS)) {
	Snackbar.make(mEmailView, R.string.permission_rationale, Snackbar.LENGTH_INDEFINITE)
	.setAction(android.R.string.ok, new View.OnClickListener() {
	@Override
	@TargetApi(Build.VERSION_CODES.M)
	public void onClick(View v) {
	requestPermissions(new String[]{READ_CONTACTS}, REQUEST_READ_CONTACTS);
	}
	});
	} else {
	requestPermissions(new String[]{READ_CONTACTS}, REQUEST_READ_CONTACTS);
	}
	return false;
	}
	/**
	* Callback received when a permissions request has been completed.
	*/
	@Override
	public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions,
	@NonNull int[] grantResults) {
	if (requestCode == REQUEST_READ_CONTACTS) {
	if (grantResults.length == 1 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
	populateAutoComplete();
	}
	}
	}
	/**
	* Attempts to sign in or register the account specified by the login form.
	* If there are form errors (invalid email, missing fields, etc.), the
	* errors are presented and no actual login attempt is made.
	*/
	private void attemptLogin() {
	// Reset errors.
	mEmailView.setError(null);
	mPasswordView.setError(null);
	// Store values at the time of the login attempt.
	String email = mEmailView.getText().toString();
	String password = mPasswordView.getText().toString();
	boolean cancel = false;
	View focusView = null;
	// Check for a valid password, if the user entered one.
	if (!TextUtils.isEmpty(password) && !isPasswordValid(password)) {
	mPasswordView.setError(getString(R.string.error_invalid_password));
	focusView = mPasswordView;
	cancel = true;
	}
	// Check for a valid email address.
	if (TextUtils.isEmpty(email)) {
	mEmailView.setError(getString(R.string.error_field_required));
	focusView = mEmailView;
	cancel = true;
	} else if (!isEmailValid(email)) {
	mEmailView.setError(getString(R.string.error_invalid_email));
	focusView = mEmailView;
	cancel = true;
	}
	if (cancel) {
	// There was an error; don't attempt login and focus the first
	// form field with an error.
	focusView.requestFocus();
	} else {
	// Show a progress spinner, and kick off a background task to
	// perform the user login attempt.
	showProgress(true);
	RequestQueue queue = Volley.newRequestQueue(getApplicationContext());
	// Request a string response from the provided URL.
	StringRequest stringRequest = new StringRequest(Request.Method.POST, getResources().getString(R.string.address_login) + "login.php",
	new Response.Listener<String>() {
	@Override
	public void onResponse(String response) {
	// check the response from server.
	if(response.equals("success")){
	//login authenticated. Start the next activity of your app
	Toast.makeText(LoginActivity.this, "Logged In", Toast.LENGTH_SHORT).show();
	//TODO: start the new activity of your app
	}else{
	//login failed. prompt to re-enter the credentials
	showProgress(false);
	mPasswordView.setError("Wrong email or password!");
	mPasswordView.requestFocus();
	}
	}
	}, new Response.ErrorListener() {
	@Override
	public void onErrorResponse(VolleyError error) {
	//error in sending requst
	Toast.makeText(getApplicationContext(), error.getMessage(), Toast.LENGTH_SHORT).show();
	}
	}){
	//adding parameters to the request
	@Override
	protected Map<String, String> getParams() throws AuthFailureError {
	Map<String, String> params = new HashMap<>();
	params.put("email", mEmailView.getText().toString());
	params.put("password", mPasswordView.getText().toString());
	return params;
	}
	};
	// Add the request to the RequestQueue.
	queue.add(stringRequest);
	}
	}
	private boolean isEmailValid(String email) {
	//TODO: Replace this with your own logic
	return email.contains("@");
	}
	private boolean isPasswordValid(String password) {
	//TODO: Replace this with your own logic
	return password.length() > 4;
	}
	/**
	* Shows the progress UI and hides the login form.
	*/
	@TargetApi(Build.VERSION_CODES.HONEYCOMB_MR2)
	private void showProgress(final boolean show) {
	// On Honeycomb MR2 we have the ViewPropertyAnimator APIs, which allow
	// for very easy animations. If available, use these APIs to fade-in
	// the progress spinner.
	if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR2) {
	int shortAnimTime = getResources().getInteger(android.R.integer.config_shortAnimTime);
	mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
	mLoginFormView.animate().setDuration(shortAnimTime).alpha(
	show ? 0 : 1).setListener(new AnimatorListenerAdapter() {
	@Override
	public void onAnimationEnd(Animator animation) {
	mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
	}
	});
	mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
	mProgressView.animate().setDuration(shortAnimTime).alpha(
	show ? 1 : 0).setListener(new AnimatorListenerAdapter() {
	@Override
	public void onAnimationEnd(Animator animation) {
	mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
	}
	});
	} else {
	// The ViewPropertyAnimator APIs are not available, so simply show
	// and hide the relevant UI components.
	mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
	mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
	}
	}
	@Override
	public Loader<Cursor> onCreateLoader(int i, Bundle bundle) {
	return new CursorLoader(this,
	// Retrieve data rows for the device user's 'profile' contact.
	Uri.withAppendedPath(ContactsContract.Profile.CONTENT_URI,
	ContactsContract.Contacts.Data.CONTENT_DIRECTORY), ProfileQuery.PROJECTION,
	// Select only email addresses.
	ContactsContract.Contacts.Data.MIMETYPE +
	" = ?", new String[]{ContactsContract.CommonDataKinds.Email
	.CONTENT_ITEM_TYPE},
	// Show primary email addresses first. Note that there won't be
	// a primary email address if the user hasn't specified one.
	ContactsContract.Contacts.Data.IS_PRIMARY + " DESC");
	}
	@Override
	public void onLoadFinished(Loader<Cursor> cursorLoader, Cursor cursor) {
	List<String> emails = new ArrayList<>();
	cursor.moveToFirst();
	while (!cursor.isAfterLast()) {
	emails.add(cursor.getString(ProfileQuery.ADDRESS));
	cursor.moveToNext();
	}
	addEmailsToAutoComplete(emails);
	}
	@Override
	public void onLoaderReset(Loader<Cursor> cursorLoader) {
	}
	private void addEmailsToAutoComplete(List<String> emailAddressCollection) {
	//Create adapter to tell the AutoCompleteTextView what to show in its dropdown list.
	ArrayAdapter<String> adapter =
	new ArrayAdapter<>(LoginActivity.this,
	android.R.layout.simple_dropdown_item_1line, emailAddressCollection);
	mEmailView.setAdapter(adapter);
	}
	private interface ProfileQuery {
	String[] PROJECTION = {
	ContactsContract.CommonDataKinds.Email.ADDRESS,
	ContactsContract.CommonDataKinds.Email.IS_PRIMARY,
	};
	int ADDRESS = 0;
	int IS_PRIMARY = 1;
	}
	}

view raw LoginActivity.java hosted with ❤ by GitHub

SignUp.java

	package com.demo.farooq.loginsignup;
	import android.animation.Animator;
	import android.animation.AnimatorListenerAdapter;
	import android.annotation.TargetApi;
	import android.content.pm.PackageManager;
	import android.support.annotation.NonNull;
	import android.support.design.widget.Snackbar;
	import android.support.v7.app.AppCompatActivity;
	import android.app.LoaderManager.LoaderCallbacks;
	import android.content.CursorLoader;
	import android.content.Loader;
	import android.database.Cursor;
	import android.net.Uri;
	import android.os.AsyncTask;
	import android.os.Build;
	import android.os.Bundle;
	import android.provider.ContactsContract;
	import android.text.TextUtils;
	import android.view.KeyEvent;
	import android.view.View;
	import android.view.View.OnClickListener;
	import android.view.inputmethod.EditorInfo;
	import android.widget.ArrayAdapter;
	import android.widget.AutoCompleteTextView;
	import android.widget.Button;
	import android.widget.EditText;
	import android.widget.TextView;
	import android.widget.Toast;
	import com.android.volley.AuthFailureError;
	import com.android.volley.Request;
	import com.android.volley.RequestQueue;
	import com.android.volley.Response;
	import com.android.volley.VolleyError;
	import com.android.volley.toolbox.StringRequest;
	import com.android.volley.toolbox.Volley;
	import java.util.ArrayList;
	import java.util.HashMap;
	import java.util.List;
	import java.util.Map;
	import static android.Manifest.permission.READ_CONTACTS;
	public class SignUp extends AppCompatActivity implements LoaderCallbacks<Cursor> {
	/**
	* Id to identity READ_CONTACTS permission request.
	*/
	private static final int REQUEST_READ_CONTACTS = 0;
	/**
	* Keep track of the login task to ensure we can cancel it if requested.
	*/
	// UI references.
	private AutoCompleteTextView mEmailView;
	private EditText mPasswordView;
	private View mProgressView;
	private View mLoginFormView;
	private EditText mNameView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_sign_up);
	// Set up the login form.
	mEmailView = (AutoCompleteTextView) findViewById(R.id.email);
	populateAutoComplete();
	mPasswordView = (EditText) findViewById(R.id.password);
	mPasswordView.setOnEditorActionListener(new TextView.OnEditorActionListener() {
	@Override
	public boolean onEditorAction(TextView textView, int id, KeyEvent keyEvent) {
	if (id == R.id.login || id == EditorInfo.IME_NULL) {
	attemptLogin();
	return true;
	}
	return false;
	}
	});
	Button mEmailSignInButton = (Button) findViewById(R.id.email_sign_in_button);
	mEmailSignInButton.setOnClickListener(new OnClickListener() {
	@Override
	public void onClick(View view) {
	attemptLogin();
	}
	});
	mLoginFormView = findViewById(R.id.login_form);
	mProgressView = findViewById(R.id.login_progress);
	mNameView = (EditText) findViewById(R.id.name);
	}
	private void populateAutoComplete() {
	if (!mayRequestContacts()) {
	return;
	}
	getLoaderManager().initLoader(0, null, this);
	}
	private boolean mayRequestContacts() {
	if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
	return true;
	}
	if (checkSelfPermission(READ_CONTACTS) == PackageManager.PERMISSION_GRANTED) {
	return true;
	}
	if (shouldShowRequestPermissionRationale(READ_CONTACTS)) {
	Snackbar.make(mEmailView, R.string.permission_rationale, Snackbar.LENGTH_INDEFINITE)
	.setAction(android.R.string.ok, new View.OnClickListener() {
	@Override
	@TargetApi(Build.VERSION_CODES.M)
	public void onClick(View v) {
	requestPermissions(new String[]{READ_CONTACTS}, REQUEST_READ_CONTACTS);
	}
	});
	} else {
	requestPermissions(new String[]{READ_CONTACTS}, REQUEST_READ_CONTACTS);
	}
	return false;
	}
	/**
	* Callback received when a permissions request has been completed.
	*/
	@Override
	public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions,
	@NonNull int[] grantResults) {
	if (requestCode == REQUEST_READ_CONTACTS) {
	if (grantResults.length == 1 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
	populateAutoComplete();
	}
	}
	}
	/**
	* Attempts to sign in or register the account specified by the login form.
	* If there are form errors (invalid email, missing fields, etc.), the
	* errors are presented and no actual login attempt is made.
	*/
	private void attemptLogin() {
	// Reset errors.
	mEmailView.setError(null);
	mPasswordView.setError(null);
	// Store values at the time of the login attempt.
	String email = mEmailView.getText().toString();
	String password = mPasswordView.getText().toString();
	boolean cancel = false;
	View focusView = null;
	// Check for a valid password, if the user entered one.
	if (!TextUtils.isEmpty(password) && !isPasswordValid(password)) {
	mPasswordView.setError(getString(R.string.error_invalid_password));
	focusView = mPasswordView;
	cancel = true;
	}
	// Check for a valid email address.
	if (TextUtils.isEmpty(email)) {
	mEmailView.setError(getString(R.string.error_field_required));
	focusView = mEmailView;
	cancel = true;
	} else if (!isEmailValid(email)) {
	mEmailView.setError(getString(R.string.error_invalid_email));
	focusView = mEmailView;
	cancel = true;
	}
	if (cancel) {
	// There was an error; don't attempt login and focus the first
	// form field with an error.
	focusView.requestFocus();
	} else {
	// Show a progress spinner, and kick off a background task to
	// perform the user login attempt.
	showProgress(true);
	RequestQueue queue = Volley.newRequestQueue(getApplicationContext());
	// Request a string response from the provided URL.
	StringRequest stringRequest = new StringRequest(Request.Method.POST, getResources().getString(R.string.address_login) + "signUp.php",
	new Response.Listener<String>() {
	@Override
	public void onResponse(String response) {
	// check the response from server.
	if(response.equals("success")){
	//New user added. Now either start activity to login or your main activity
	Toast.makeText(SignUp.this, "New User Created.", Toast.LENGTH_SHORT).show();
	//TODO: start the new activity of your app
	}else{
	//Wrong credentials according to your server logic. Prompt to re-enter the credentials
	showProgress(false);
	mPasswordView.setError("Something went worng. Please try again!");
	mPasswordView.requestFocus();
	}
	}
	}, new Response.ErrorListener() {
	@Override
	public void onErrorResponse(VolleyError error) {
	//error in sending requst
	Toast.makeText(getApplicationContext(), error.getMessage(), Toast.LENGTH_SHORT).show();
	}
	}){
	//adding parameters to the request
	@Override
	protected Map<String, String> getParams() throws AuthFailureError {
	Map<String, String> params = new HashMap<>();
	params.put("name", mNameView.getText().toString());
	params.put("email", mEmailView.getText().toString());
	params.put("password", mPasswordView.getText().toString());
	return params;
	}
	};
	// Add the request to the RequestQueue.
	queue.add(stringRequest);
	}
	}
	private boolean isEmailValid(String email) {
	//TODO: Replace this with your own logic
	return email.contains("@");
	}
	private boolean isPasswordValid(String password) {
	//TODO: Replace this with your own logic
	return password.length() > 4;
	}
	/**
	* Shows the progress UI and hides the login form.
	*/
	@TargetApi(Build.VERSION_CODES.HONEYCOMB_MR2)
	private void showProgress(final boolean show) {
	// On Honeycomb MR2 we have the ViewPropertyAnimator APIs, which allow
	// for very easy animations. If available, use these APIs to fade-in
	// the progress spinner.
	if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR2) {
	int shortAnimTime = getResources().getInteger(android.R.integer.config_shortAnimTime);
	mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
	mLoginFormView.animate().setDuration(shortAnimTime).alpha(
	show ? 0 : 1).setListener(new AnimatorListenerAdapter() {
	@Override
	public void onAnimationEnd(Animator animation) {
	mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
	}
	});
	mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
	mProgressView.animate().setDuration(shortAnimTime).alpha(
	show ? 1 : 0).setListener(new AnimatorListenerAdapter() {
	@Override
	public void onAnimationEnd(Animator animation) {
	mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
	}
	});
	} else {
	// The ViewPropertyAnimator APIs are not available, so simply show
	// and hide the relevant UI components.
	mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
	mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
	}
	}
	@Override
	public Loader<Cursor> onCreateLoader(int i, Bundle bundle) {
	return new CursorLoader(this,
	// Retrieve data rows for the device user's 'profile' contact.
	Uri.withAppendedPath(ContactsContract.Profile.CONTENT_URI,
	ContactsContract.Contacts.Data.CONTENT_DIRECTORY), ProfileQuery.PROJECTION,
	// Select only email addresses.
	ContactsContract.Contacts.Data.MIMETYPE +
	" = ?", new String[]{ContactsContract.CommonDataKinds.Email
	.CONTENT_ITEM_TYPE},
	// Show primary email addresses first. Note that there won't be
	// a primary email address if the user hasn't specified one.
	ContactsContract.Contacts.Data.IS_PRIMARY + " DESC");
	}
	@Override
	public void onLoadFinished(Loader<Cursor> cursorLoader, Cursor cursor) {
	List<String> emails = new ArrayList<>();
	cursor.moveToFirst();
	while (!cursor.isAfterLast()) {
	emails.add(cursor.getString(ProfileQuery.ADDRESS));
	cursor.moveToNext();
	}
	addEmailsToAutoComplete(emails);
	}
	@Override
	public void onLoaderReset(Loader<Cursor> cursorLoader) {
	}
	private void addEmailsToAutoComplete(List<String> emailAddressCollection) {
	//Create adapter to tell the AutoCompleteTextView what to show in its dropdown list.
	ArrayAdapter<String> adapter =
	new ArrayAdapter<>(SignUp.this,
	android.R.layout.simple_dropdown_item_1line, emailAddressCollection);
	mEmailView.setAdapter(adapter);
	}
	private interface ProfileQuery {
	String[] PROJECTION = {
	ContactsContract.CommonDataKinds.Email.ADDRESS,
	ContactsContract.CommonDataKinds.Email.IS_PRIMARY,
	};
	int ADDRESS = 0;
	int IS_PRIMARY = 1;
	}
	}

view raw SignUp.java hosted with ❤ by GitHub

In case of error

If you get some error, the first thing you should check is permissions in android androidManifest.xml and build.gradle. If you still get the error feel free to comment below or contact me at farooqahmadkhan003@gmail.com.