Test Final¿Qué vamos a construir?

Al final del tutorial, serás capaz de construir un buscador de sinónimos en tu móvil usando la API de Apicultur.

Registro en Apicultur

APIcultur es una plataforma de APIs lingüísticas donde puedes encontrar APIs de diccionarios, actividades de ortografía, transcriptores fonéticos y mucho más.

1. Para poder usar las APIs de APIcultur debes registrarte para crear tu cuenta de usuario. Una vez que tengas tu cuenta, puedes entrar en APIcultur desde Login.

2. En este tutorial vamos a usar la API de Sinónimos por palabra. Para usarla, primero debes entrar en tu cuenta de usuario en Login y una vez en la página de la API debes crear una nueva aplicación que llamarás como quieras (AppSinonimos, por ejemplo).

NuevaAplicacion

3. Vuelve a la página principal de la API y presiona “Subscribe”

SinonimosPorPalabra

4. Ve a My Subscriptions y presiona Generate en Keys para crear tu clave de Apicultur. Usaremos la clave generada en Access Token.

GenerarKey

Registro en Appery.io

Para registrarte en Appery.io presiona Sign-Up y crea tu cuenta de Appery

Crear un proyecto

Una vez logueado en Appery introduce el nombre de tu app (Por ejemplo: Sinónimos) y pulsa Create

  Diseño de la appDiseño1

En la pantalla startScreen crea un diseño que contenga los siguientes componentes:

  1. Elemento Input. Marca Placeholder para sobreescribir
  2. Button
  3. Grid
  4. Label dentro de Grid

Cada elemento puede ser configurado individualmente en la parte Properties a la derecha de la pantalla. Así, puedes personalizar tu app dándole el aspecto que desees.

PropiedadesDiseño2

Añadir API de Apicultur

En la página Sinónimos por palabra encontrarás la URL que debes usar para llamar a la API. En esa misma página puedes probar cómo funciona la API introduciendo tu palabra y presionando Try out.

UrlSinónimos

Para hacer la llamada debes hacer lo siguiente en Appery:

1. En la parte izquierda de la pantalla encontrarás el botón Create New. Presiona y selecciona Service.

2. Clic en Create Service con la opción REST activada. Se abre el editor del servicio.

3. En Name escribe el nombre del servicio (Por ejemplo: SinonimosApicultur)

4. En Url escribe la dirección de la API:

http://store.apicultur.com/api/sinonimosporpalabra/1.0.0{word}

5. Abre la pestaña Request. Debemos introducir los parámetros de la API:

      • Authorization (necesario en todas las APIs de APIcultur) Pulsa Add
      • Word (el parámetro que va entre llaves en la url) Pulsa Add

6. En el parámetro Authorization, en la caja Default Value,  introducimos la palabra ‘Bearer’ y nuestra clave de APIcultur (la que generamos al registrarnos). Marcamos la casilla Header.

Request

7. Abre la pestaña Test y haz una llamada a la API (introduce una palabra junto a Word y presiona el botón test)

test

8. Presiona el botón Automatically Create Service Response

Service Response

Vincular el servicio a la app

1. Vuelve a la pantalla StarScreen y abre la pestaña Data.

2. En Add Datasource selecciona Service y SinonimosApicultur. Presiona Add

3. Renombra el servicio BuscaSinonimos

Mapeado1

4. Presiona Edit Mapping.

5. Se abrirá la pestaña Request. Debes vincular el componente Input con el parámetro Word de este modo (solo arrastra el componente):

Mapeado2

6. Abre la pestaña Reponse y vincula de este modo:

  • Este símbolo $ ira con el Grid
  • “Valor” irá con el componente Label (será donde nos aparezcan los sinónimos)

Mapeado3

Llamar al servicio

  1. Abre la pestaña Design y selecciona el Botón Buscar Sinónimos
  2. Abre la pestaña Events de la parte inferior
  3. En Action selecciona Invoke Service y “Busca Sinonimos”
  4. Presiona Add

Prueba la App

En la esquina superior derecha, presiona el botón Test. Se abrirá una nueva pestaña donde puedes probar la app.

TestFinal

 

Exporta tu app

Presiona el botón Export y elige la opción que quieras (publicar en Android, en IOS, etc).

Si quieres descargar tu app en tu ordenador puedes presionar el botón .apk bajo Release binary. Se bajará un archivo que puedes enviar por correo para descargar e instalar en un dispositivo móvil.

Export

Enlaces recomendados

Tagged with →  
Share →