|
|
| (3 revisiones intermedias por el mismo usuario no mostrado) |
| Línea 1: |
Línea 1: |
| | + | {{TEP}} |
| | + | <!-- |
| | | | |
| | {{:Usuario:ManuelRomero/PHP/hibridas/nav}} | | {{:Usuario:ManuelRomero/PHP/hibridas/nav}} |
| | + | --> |
| | __NOTOC__ | | __NOTOC__ |
| − | ===Qué es una aplicación híbrida===
| |
| − | *Crear una aplicación híbrida, también conocida como '''''mashup''''' https://es.wikipedia.org/wiki/Mashup_(aplicaci%C3%B3n_web_h%C3%ADbrida) consiste en hacer una aplicación donde usas varias fuentes o servicios de terceros con la intención de crear un nuevo uso de ese o esos servicios
| |
| − | Por ejemplo uso google maps e información que pueda obtener del ayuntamiento donde me ubican los museos de una ciudad y a partir de información que me aporte un usuario puedo implementar una app web para hacer a un usuario una ruta de visitas a museos.
| |
| − | {{Puntos clave|
| |
| − | Este tipo de aplicaciones o mashups son un increible enfoque a explotar: la idea permite combinar de forma innovadora, datos que
| |
| − | existen en eBay, Amazon.com, Google, Windows Live y Yahoo!, y crear con poco esfuerzo (lo complicado ya está desarrollado aplicaciones prácticas e innovadoras).
| |
| − | }}
| |
| − |
| |
| − | *Cuando hacemos una aplicación híbrida
| |
| − | [[Imagen:hibrida.png]]
| |
| − | *Vamos a acceder a servicios que ofrencen las compañías, por ejemplo de google.
| |
| − | *Además de los proveedores de servicios, ofrecen un API para poder facilitar el acceso a esos servicioso
| |
| − | *Hay que tener en cuenta que estos servicos que se ofrecen, pueden tener alguna limitación de uso y a veces condiciones (como que son gratuitas hasta un número máximo de solicitudes, o que con una versión de pago obtienes mejores resultados).
| |
| − | *Cuando el desarrollador realiza una aplicación híbrida va a utilizar servicos de una compañía como por ejemplo Google
| |
| − | *Para que se pueda verificar la utilización que hace este desarrollador de un servicio determinado, es necesario realizar unos pasos
| |
| − | #Primero hay que registrarse como desarrollador de ese proveedor
| |
| − | #Posteriormente creamos un proyecto para la aplicación que queremos desarrollar
| |
| − | #En ese proyecto se nos asignará un clave de desarrollador, que tendremos que usar en la aplicación que hagamos antes de poder solicitar datos o servicio que necesitemos dentro de nuestra aplicación híbrida
| |
| − |
| |
| − | ;Vamos a realizar los pasos que hay que hacer para usar servicios de google
| |
| − | {{Recursos de la Web|https://support.google.com/cloud/answer}}
| |
| − |
| |
| − | ;Registrarse como un desarrollador de google
| |
| − | *Accedemos a la web de developers http://developers.google.com
| |
| − | [[Imagen:developerGoogle.png|800px]]
| |
| − | *Una vez en la página seleccionamos el tipo de aplicación que queremos realizar.
| |
| − | [[Imagen:developerGoogle2.png|800px]]
| |
| − | *Le damos a acceder si no estamos conectados a google
| |
| − | *Una vez accedidos podemos ir a la consola de aplicaciones donde podemos dar de alta una nueva aplicación
| |
| − | [[Imagen:developerGoogle3.png|800px]]
| |
| − | *Podemos ver toda la información de esta página, y en la parte inferior acceder a la consola de desarrollo de google
| |
| − |
| |
| − | [[Imagen:developerGoogle4.png|800px]]
| |
| − | https://console.developers.google.com/
| |
| − | *En la página aparecerá los proyectos que tenemos creados y en la parte superior tenemos una opción de menú desplegable desde el cual podemos seleccionar un proyecto o crear un proyecto nuevo
| |
| − | Seleccionar un proyecto -> Crear proyecto ...
| |
| − | [[Imagen:developerGoogle6.png|800px]]
| |
| − | *Al seleccionar crear un proyecto, nos aparece una ventana para insertar los datos (nombre) del proyecto
| |
| − | *También podremos añadir los servicios o api que queremos que ese proyecto pueda usar
| |
| − | *(Hay que mirar, pues no todos los servicios tienen las mismas condiciones de uso)
| |
| − | [[Imagen:developerGoogle5.png|800px]]
| |
| − | *Una vez creado el proyecto nuevo podemos acceder a las credenciales para usar los servicos que nos ofrece
| |
| − | *Podemos ver la página que se ha creado después de crear el nuevo proyecto
| |
| − | *En ella podemos administrar nuestro proyecto
| |
| − | *Esta no es la aplicacion híbrida que vamos a hacer, pero necesitaremos este registro para poder usar los servicos que nos ofrece en este caso google para nuestra aplicación
| |
| − | *Si nuestra aplicación va a usar diferentes API (Task, Calendar, Map , ...), debemos especificarlo aquí
| |
| − | *De esta manera google puede controlar quien hace uso de sus servicios y con qué tipo de frecuencia
| |
| − | *Nosotros también podemos ver cuento se utiliza nuestra aplicación
| |
| − | [[Imagen:developerGoogle7.png]]
| |
| − | ;Ahora tenemos que crear las credenciales para poder usar en nuestra aplicación los servicios que ofrece google
| |
| − | *Para ello vamos a la opcion '''''Administracion de Apis'''''
| |
| − | [[imagen:developerGoogle8.png]]
| |
| − | *Entramos en la opción de '''''Credenciales''''
| |
| − | *Ahora seleccionamos la opción de '''''Autentificacion con Auth'''''
| |
| − | [[imagen:developerGoogle9.png]]
| |
| − | *La siguiente url contiene las acciones a realizar para obtener una clave de desarrollador
| |
| − | https://developers.google.com/identity/sign-in/web/devconsole-project
| |
