Laboratorio 4

Logro:
Al finalizar la sesión, el estudiante desarrolla una aplicación móvil con acceso a servicios Web REST
aplicando buenas prácticas.
Secciones: T61A
Profesor: RODRIGUEZ CONDEZO DAVID ARMANDO
Contenido: (1) Servidor REST
(2) Consumo GET
(3) Consumo POST

(1) SERVIDOR REST

Desplegar la base de datos en el Servidor de Base de Datos en la nube:

Publicar el proyecto “rest.zip” entregado por el profesor en un Hosting. Se recomienda

utilizar https://www.awardspace.com/.

Página 1 de 14
Se debe configurar adecuadamente el archivo Conexion.php con los parámetros correctos:

Conexion.php

<?php

class Conexion {

static private $instance;

public static function getConexion() {

if(self::$instance == NULL){

$PDOinstance = new
PDO("mysql:host=mysql.hostinger.es;dbname=zzzzzzzz;charset=utf8", "yyyyyyyy",
"xxxxxxxxxxxxxxx");

$PDOinstance->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

self::$instance = $PDOinstance;

return self::$instance;

Página 2 de 14
Los servicios Web se programan en el archivo index.php:

<?php
require_once './lib/Slim/Slim.php';
require_once 'funciones.php';
require_once 'Conexion.php';

// Autocarga de la librería
\Slim\Slim::registerAutoloader();

// Creando una instancia del Slim

$app = new \Slim\Slim();
$app->response->header('Content-Type', 'application/json');

// Servicio 1
$app->get('/productos', function(){
$lista = listarProductos();
echo json_encode($lista);
});

// Servicio 2
$app->get('/productos/:nombre', function($nombre){
$lista = buscarProductosPorNombre($nombre);
echo json_encode($lista);
});

// Servicio 3
$app->post('/productos', function () use ($app) {
$nombre = $app->request()->post('nombre');
$precio = $app->request()->post('precio');
insertarProducto($nombre, '', $precio, 0, 0, '', 1);
echo json_encode(array('mensaje' => "Producto registrado satisfactoriamente"));
});

// Servicio 4
$app->get('/avisos', function(){
$lista = listarAvisos();
echo json_encode($lista);
});

// Servicio 5
$app->get('/avisos/:fecha', function($fecha){
$lista = buscarAvisos($fecha);
echo json_encode($lista);
});

// Servicio 6

Página 3 de 14
$app->post('/avisos', function() use ($app){
/*
$request = $app->request();
$body = $request->getBody();
$data = json_decode($body);
insertarAviso($data->titulo, $data->fecha_inicio, $data->fecha_fin);
*/
$titulo = $app->request()->post('titulo');
$fecha_inicio = $app->request()->post('fecha_inicio');
$fecha_fin = $app->request()->post('fecha_fin');
insertarAviso($titulo, $fecha_inicio, $fecha_fin);
echo json_encode(array('mensaje' => "Aviso registrado!"));
});

$app->run();

Página 4 de 14
Los servicios disponibles son:

METODO URL
GET http:// xxxxx /index.php/productos
GET http:// xxxxx /index.php/productos/a
POST http:// xxxxx /index.php/productos

Ejemplo:

Página 5 de 14
 (2) Consumo GET

Agregar el permiso respective en el AndroidManifest.xml, debajo de la etiqueta <manifest>:

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

Página 6 de 14
Agregar en el manifest la siguiente línea:

<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:usesCleartextTraffic="true"
android:theme="@style/AppTheme">

Agregar la librería Volley de Android (https://developer.android.com/training/volley).

Modificar el build.gradle (Module: app), agregar la línea resaltada:

dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'androidx.appcompat:appcompat:1.0.2'
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'androidx.test.ext:junit:1.1.0'
androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
implementation 'com.android.volley:volley:1.1.0'
}

Página 7 de 14
Crear el siguiente Activity:

package com.example.webservices;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.ListView;

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 org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import java.util.ArrayList;
import java.util.List;

public class ProductosBuscarActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_productos_buscar);
}

public void buscar(View v){

EditText txtCriterio = (EditText)findViewById(R.id.txtCriterio);
String criterio = txtCriterio.getText().toString();
String url =
"http://condeleron.atwebpages.com/index.php/productos/"+criterio;

StringRequest stringRequest= new StringRequest(Request.Method.GET,

url, new Response.Listener<String>() {
@Override
public void onResponse(String response) {
try {
JSONArray jsonArray = new JSONArray(response);
Log.i("======>", jsonArray.toString());

List<String> items = new ArrayList<>();

for (int i=0; i<jsonArray.length(); i++){
JSONObject object = jsonArray.getJSONObject(i);
items.add(object.getString("nombre") + " (S/.
"+object.getString("precio")+") ");
}

ListView lstProductos = findViewById(R.id.lista);

ArrayAdapter<String> adaptador = new ArrayAdapter<>(
ProductosBuscarActivity.this,
android.R.layout.simple_list_item_1,
items);

Página 8 de 14
 lstProductos.setAdapter(adaptador);

} catch (JSONException e) {
Log.i("======>", e.getMessage());
}
}
},
new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError error) {
Log.i("======>", error.toString());
}
}
);
RequestQueue requestQueue= Volley.newRequestQueue(this);
requestQueue.add(stringRequest);

}
}

Página 9 de 14
Crear el siguiente layout:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".ProductosBuscarActivity">

<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Buscar productos"
android:textAlignment="center"/>

<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Ingrese criterio a buscar:" />

<EditText
android:id="@+id/txtCriterio"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:text=""
android:hint="Escriba aquí..."/>

<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="buscar"
android:text="Buscar" />

<ListView
android:id="@+id/lista"
android:layout_width="match_parent"
android:layout_height="match_parent" />

</LinearLayout>

Página 10 de 14
(3) Consumo POST

Página 11 de 14
Crear el siguiente Activity:

package com.example.webservices;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

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.HashMap;
import java.util.Map;

public class ProductoRegistrarActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_producto_registrar);
}

public void registrar(View v){

final EditText txtNombre = findViewById(R.id.txtNombre);
final EditText txtPrecio = findViewById(R.id.txtPrecio);
String url =
"http://condeleron.atwebpages.com/index.php/productos";

StringRequest stringRequest= new StringRequest(Request.Method.POST,

url,
new Response.Listener<String>() {
@Override
public void onResponse(String response) {
Toast toast =
Toast.makeText(ProductoRegistrarActivity.this,"Se insertó correctamente",
Toast.LENGTH_LONG);
toast.setGravity(Gravity.CENTER, 0, 0);
toast.show();
}
},
new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError error) {
Log.i("======>", error.toString());
}
}
){
@Override
protected Map<String, String> getParams() {

Página 12 de 14
 Map<String, String> params = new HashMap();
params.put("nombre", txtNombre.getText().toString());
params.put("precio", txtPrecio.getText().toString());
return params;
}
};

RequestQueue requestQueue= Volley.newRequestQueue(this);

requestQueue.add(stringRequest);

/*
JSONObject jsonobject = new JSONObject();
try {
jsonobject.put("idCategoria", "1");
jsonobject.put("nombre", txtNombre.getText().toString());
jsonobject.put("precio", txtDescripcion.getText().toString());
Log.i("======>", jsonobject.toString());
} catch (JSONException e) {
Log.i("======>", e.getMessage());
}

JsonObjectRequest jsonObjReq = new

JsonObjectRequest(Request.Method.POST,
url, jsonobject,
new Response.Listener<JSONObject>() {
@Override
public void onResponse(JSONObject response) {
//Success Callback
}
},
new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError error) {
Log.i("======>", error.getMessage());
}
}
);

RequestQueue requestQueue = Volley.newRequestQueue(this);

requestQueue.add(jsonObjReq);
*/

}
}

Página 13 de 14
Crear el siguiente layout:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".ProductoRegistrarActivity">

<TextView
android:id="@+id/textView3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Registrar producto"
android:textAlignment="center"/>

<TextView
android:id="@+id/textView4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Nombre:" />

<EditText
android:id="@+id/txtNombre"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textPersonName"
android:text="" />

<TextView
android:id="@+id/textView5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Precio:" />

<EditText
android:id="@+id/txtPrecio"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="numberDecimal"
android:text="" />

<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Registrar"
android:onClick="registrar"/>
</LinearLayout>

Página 14 de 14