Diseo de interfaces de Programacin

LABORATORIO N 14

API INICIO DE SESIN GOOGLE

CODIGO DEL CURSO:

Alumno(s) Nota

Grupo
Ciclo
Fecha de entrega

DISEO DE SOFTWARE E INTEGRACIN DE SISTEMAS

PROGRAMA DE FORMACIN REGULAR
 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 1 de 16

I.- OBJETIVOS:

Revisar los diferentes patrones de diseo.

Identificar los principales componentes de los patrones de diseo

II.- SEGURIDAD:
Advertencia:
En este laboratorio est prohibida la manipulacin del
hardware, conexiones elctricas o de red; as como la
ingestin de alimentos o bebidas.

III.- NORMAS EMPLEADAS:

No aplica

IV.- RECURSOS:

En este laboratorio cada alumno trabajar con un equipo con Windows 8.

V.- METODOLOGA PARA EL DESARROLLO DE LA TAREA:

El desarrollo del laboratorio es Grupal y se formarn 04 grupos de 06 personas.

Cada grupo recibir un caso de estudio de requerimientos de un software en especfico.

VI.- PROCEDIMIENTO:
Nota:
Las secciones en cursivas son demostrativas, pero sirven para que usted pueda instalar las herramientas de
desarrollo en un equipo externo.

1. Crear el siguiente proyecto, en este crearemos nuestra aplicacin.

2. Ingresar al siguiente link https://developers.google.com/identity/sign-in/web/devconsole-project y

seleccionar Google API Console
 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 2 de 16

3. Seleccionar MY PROJECT > + , PARA CREAR UN PROYECTO NUEVO

 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 3 de 16

4. Ingresar el nombre del nuevo proyecto y dar clic en CREAR

5. Ingresar a la opcin credenciales, seleccionar CREAR CREDENCIAL y luego ID DE CLIENTE DE OAUTH

 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 4 de 16

6. Seleccionar configurar pantalla de autorizacin, aqu ingresaremos nuestro correo electrnico con el
actual, el nombre de nuestro producto y el url al cual accedern, en este localhost.
 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 5 de 16

7. Seleccionar el tipo de aplicacin (WEB) e ingresar el nombre del api a crear, finalmente clic en
GUARDAR

8. Automticamente se nos asignara un IDCliente y clave, almacenar estos datos.

 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 6 de 16

9. Ingresar nuevamente a la reciente api creada CLIENTEWEB y llenar la url

 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 7 de 16

OBTENCIN DE LIBRERA DE LA GOOGLE API CLIENT

10. Desde el cmd ingresar a la ubicacin de nuestra aplicacin y ejecutar el comando COMPOSER REQUIRE
GOOGLE/APICLIENTE (previa instalacin de programa composer)

11. Se crear una carpeta y dos archivos en nuestro proyecto

 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 8 de 16

12. A continuacin crear los siguiente archivos y carpetas e ingrese el cdigo correspondiente:
 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 9 de 16

13. Inicie el proyecto

 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 10 de 16

14. Al permitir y realizar el inicio de sesin nos retorna a la misma pgina, pero con una variable adicional,
esta variable la envia por url (GET), este cdigo recibido es el cdigo de acceso (Access_token), y si lo
dejamos visible cualquier persona podra tener acceso.

15. En el siguiente fragmento de cdigo corregiremos eso

 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 11 de 16

16. Iniciar nuevamente la aplicacin

 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 12 de 16

17. La opcin de cerrar sesin no tiene accin as que crearemos el siguiente archivo logout.php dentro de
APIGOOGLE y aadiremos la funcin logout en el archivo de validacin GOOGLE_AUTH.PHP.
 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 13 de 16

18. Hasta el momento ya podemos iniciar y cerrar sesin con una cuenta en google, ahora realizaremos el
registro de la cuenta, para esto necesitamos obtener los datos de la persona que inicio sesin, para
obtener estos datos haremos uso de la funcin getPayload(), que nos retornar todos los datos que
podemos obtener de la cuenta de correo de la persona logeada:
 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 14 de 16

19. Comentaremos la siguiente lnea para mostrar los datos que nos devuelve al iniciar sesin con la cuenta
de google

20. Luego de iniciar sesin, podemos observar todos los datos que podemos obtener de la cuenta logeada
 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 15 de 16

21. Entonces, si deseamos obtener el email u otro dato de la persona logeada lo que haremos ser lo
siguiente:
 Nro. DD-106
Laboratorio de Diseo de Interfaces de Programacin Pgina 16 de 16

TAREA
1. Realizar el registro del usuario, en este caso solo almacenaremos en nuestra base de datos el correo
(email) y el id del cliente (sub); para realizar esto, tiene que crear la conexin con la base de datos y la
insercin de los datos (email y sub).

OBSERVACIONES Y CONCLUSIONES
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________