WebService: Obtener datos mysql desde Android con JSON

Buenas amigos, llevo un tiempo desaparecido ya que estoy realizando un proyecto que, afortunadamente, ya está en fase de testeo, y hasta nueva orden voy a estar un poco parado, así que voy a realizar nuevas entradas y a contestar todos aquellos emails que me han enviado con sus dudas, tengan paciencia les llegará a todos. Dicho esto, estuvimos hablando en un tema anterior como mostrar datos de una base de datos mysql en nuestra aplicación sin utilizar JSON. Bien, en este nuevo tema veremos lo mismo pero utilizando JSON.



Para comenzar, ¿Que vamos a utilizar?:

• Un servicio Apache con Mysql
• Un WebService
• Una clase "Personas" para almacenar datos
• Una clase Main para ejecutarlo todo.

NOTA: Al final del post os daré los archivos.

Bien, como ya he dicho en temas anteriores no voy a comentar como crear un servicio Apache ya que me quedaría muy extenso el tutorial, buscar en google, hay a patadas.

Antes de continuar decir que voy a trabajar con una tabla "Personas" con 4 campos (dni, nombre, telefono, email).

Comenzaremos creando nuestro WebService:

• Lo primero es meter la información de nuestro servidor:

• Hostname: Nombre del host.
• Database: Nombre de nuestra base de datos.
• Username: Nombre de usuario del servidor.
• Password: Contraseña del servidor.

• Posteriormente nuestro WebService intentará conectar al servidor, enviando un informe de error en caso de no poder conectar:

•  $localhost=mysql_connect($hostname_localhost,$username_localhost,$password_localhost)
• or trigger_error(mysql_error(),E_USER_ERROR);

• Una vez conectado al servidor, intentará conectar con nuestra base de datos

• mysql_select_db($database_localhost, $localhost);

• Luego, creamos una sentencia sql para que obtenga todos los datos del servidor.

• $query_search = "select * from personas order by dni";

• Ejecuta la sentencia sql:

• $query_exec = mysql_query($query_search) or die(mysql_error());
• Creamos una variable llamada "json" que tendrá formato de Array.
• $json=Array();
• Creamos una sentencia condicional "if" y le agregaremos el método mysql_num_rows(), al que le pasaremos por parámetro la ejecución de la sentencia sql, comprobando si la tabla está vacía o no.
• if(mysql_num_rows($query_exec))
• Si tenemos filas en nuestra tabla, se ejecutará un bucle "while" donde por medio del método mysql_fetch_assoc iremos almacenando las filas en la variable $row
• while($row=mysql_fetch_assoc($query_exec))
• Y se lo pasamos a nuestra variable $json para que lo almacene para posteriormente enviárselo a nuestra app.
• $json['personas'][]=$row;
• Cerramos la conexión con el servidor
• mysql_close($localhost);
• Imprimimos por medio de echo nuestro $json con ayuda del método json_encode.
• echo json_encode($json);

Ahora vais a vuestro navegador y comprobáis que funciona, introduciendo la url del "selectAllJSON.php" (así se llama mi webservice).

En mi caso la url sería: http://localhost/picarcodigo/selectAllJSON.php

Y lo que me imprime por pantalla sigue el formato JSON:

{"personas":[{"nombre":"Bartolome Abellan","dni":"55578932Z z","telefono":"555789000","email":"bartolomeabellan@gmail.com"},{"nombre":"cgghj","dni":"ghjj","telefono":"3689","email":"ghjkog"},{"nombre":"ghkjf","dni":"hdguj","telefono":"5699","email":"gghk"}]}

Bien, ya tenemos listo nuestro WebService con JSON integrado veamos como quedará nuestra app.

Lo primero es crear una clase "Personas" en las que almacenaremos los datos de cada persona:

NOTA:No voy a explicar esta clase, si no sabes que hace o cual es su función, debes estudiar más, es algo básico.

Voy a trabajar en mi app con esta interfaz, la cual pasaré al final del post.

Bien, ya tenemos nuestro webservice y sabemos con que interfaz trabajar, vamos a ver código java.

Nuestra clase principal contendrá los siguientes métodos:

• String mostrar(): Método que realizará la conexión a nuestro servidor por WebService, obteniendo un objeto String como resultado
• boolean filtrarDatos(): Este método obtendrá el objeto String del método mostrar() y lo filtrará por diferentes clases JSON rellenando objetos de tipo Personas que almacenaremos en un ArrayList. Parece complejo, pero no lo es, ya lo veréis.
• void mostrarPersonas(int Position): Nos cargará y mostrará los datos de las personas almacenadas en determinadas posiciones de nuestro ArrayList.
• String convertStreamToString(InputStream is): Este método convertirá objetos de tipo InputStream en objetos de tipo String.

Todo esto ejecutado desde una clase AsyncTask.

• Instanciamos HttpClient y HttpPost para comunicarnos con nuestro Webservice.
• HttpClient httpclient=new DefaultHttpClient();
• HttpPost httppost=new HttpPost("URL DE NUESTRO WEBSERVICE EN EL SERVIDOR");
• Creamos una variable local de tipo String llamada resultado, esta almacenará la respuesta.
• String resultado="";
• Implementamos la interfaz HttpResponse para obtener el resultado de ejecutar httpclient.
• response = httpclient.execute(httppost);
• Implementamos la interfaz httpEntity para procesar la respuesta obtenida en HttpResponse.
• HttpEntity entity = response.getEntity();
• Utilizamos la clase InputStream para convertir los datos entity a byte.
• InputStream instream = entity.getContent();
• Le damos a nuestra variable "resultado" el valor de convertir los bytes de InputStream a String por medio del método convertStreamToString(InputStream is).
• resultado= convertStreamToString(instream)
• Finalmente devolvemos nuestra cadena con los datos
• return resultado;

Aquí podéis ver lo que hace el método convertStreamToString(InputStream is):

Este método no lo he creado yo, lo he cogido de internet, los hay a patadas y es la mejor solución para pasar datos de un InputStream a String, es muy sencillo.

 Bien, hemos leído nuestro WebService y hemos almacenado su valor en la variable resultado, ahora vamos a pasarlo ese resultado por nuestro método filtrarDatos().

• Limpiamos nuestro ArrayList, por si tuviese algo de información.
• listaPersonas.clear();
• Creamos una variable de tipo String "data" donde almacenaremos el resultado obtenido al ejecutar la conexión al servidor
• String data=mostrar();
• Realizamos una condición "if" por si data está vacío
• if(!data.equalsIgnoreCase(""))
•  Creamos un objeto JSONObject donde le pasaremos por constructor la información que obtuvimos de nuestro WebService almacenada en la variable de tipo String "data".
• JSONObject json = new JSONObject(data); 
• Posteriormente pasamos JSONObject a JSONArray, indicándole por parámetro el nombre del array de nuestro JSON, en nuestro caso "persona".
• JSONArray jsonArray = json.optJSONArray("personas"); 
• Una pequeña pausa, puedes observar en el WebService que he creado que al json le daba un nombre de parámetro:
• $json['personas'][]=$row;
• Ese nombre, que va entre comillas simples y corchetes (personas), es la referencia que le hago a JSONArray en su parámetro. Si se llamase coche, yo tendría que poner coche en el parámetro JSONArray.
• Bien, con esto tendríamos almacenado en JSONArray diferentes objetos JSON, cada uno con la información de cada fila de nuestra tabla, por lo que para ir recorriendo cada uno deberíamos utilizar un for, ya que en su esencia, lo que vamos a hacer es recorrer un array.
• for (int i = 0; i < jsonArray.length(); i++)
• Una vez dentro del for, crearemos un objeto de tipo persona con cada ciclo del for
• personas=new Persona();
• Crearemos un objeto de tipo JSONObject por cada ciclo, recogiendo así todos los datos que tenemos almacenados en JSONArray.
• JSONObject jsonArrayChild = jsonArray.getJSONObject(i);
• Una vez hecho esto, sería ir dándole a cada atributo de personas su correspondiente valor
• personas.setDni(jsonArrayChild.optString("dni"));
• personas.setNombre(jsonArrayChild.optString("nombre"));
• personas.setTelefono(jsonArrayChild.optString("telefono"));
• personas.setEmail(jsonArrayChild.optString("email"));
• Fijaos bien que cuando llamo a jsonArrayChild.optString("dni"), le vamos a pasar a personas el valor almacenado en dni, e igual para los otros casos
• Posteriormente agregamos el objeto personas a nuestro ArrayList
• listaPersonas.add(personas);

Con esto ya tendríamos los datos de nuestro servidor almacenados en objetos de tipo personas que a su vez están almacenados en un ArrayList, listos para ser mostrados por pantalla, lo cual haremos con el método mostrarPersona();

Bien, este método no tiene mucha explicación, leo los objetos almacenados en nuestro ArrayList en la posición que se le pasa por parámetro y lo muestro en los Edittext.

Para ejecutarlo todo utilizaremos una clase AsyncTask

Y ejecutaremos nuestro AsyncTask al pulsar el botón mostrar:

Y, como opcional, para movernos entre nuestro datos, podéis agregar los botones "siguiente" y "previo"

Lo único que hacen estos últimos es sumar 1 a posición (mas) o restar 1(menos)

NOTA: Agregar permisos de Internet si no lo tenéis agregado.

Archivos para descargar: WebServiceJSONExample

Si tenéis dudas u os atascáis en algo, preguntar.

Un saludo