El componente web en App Inventor

Las páginas webs utilizan para comunicarse con nuestros navegadores el protocolo HTTP ó HTTPS.

 

En nuestra app nos puede interesar en determinadas circunstancias usar HTTP para enviar/recibir datos a/desde un servidor web. Para conseguir esto con App Inventor podemos utilizar el visor web si sólo queremos obtener una página web, por ejemplo, el resultado de una búsqueda, o el componente Web si queremos, por ejemplo, enviar los datos de un formulario de acceso a un sitio web(login).


En Gallery os he dejado una aplicación en App Inventor que pretende ser una prueba de cómo utilizar tanto el visor web como el componente web.

 

Dicha aplicación presenta un par de simples botones y permite al usuario que busque algo en Google(método GET de HTTP, implementado por un simple visor web) o que mande unos datos de autenticación a un servidor web(método POST de HTTP, implementado por el componente web).

 

Me parece interesante ilustrar cómo realizar el envío de datos con el componente web ya que son muchas las personas que no tienen muy claro el tema de los bloques, construir las cabeceras HTTP que tienen que poner para mandar datos al servidor y que este los procese, etc.

¡Pero no sólo tenemos estas posibilidades con el componente web!

Además podemos realizar aplicaciones que:

  • Envíen/Reciban ficheros completos a un servidor
  • Procesen JSON, XML
  • Utilicen alguna API del algún tipo
  • Soporten cookies, etc.

Un saludo y espero sea útil ;-)

Jose Luis Núñez

@twajoseluis

Escribir comentario

Comentarios: 10
  • #1

    mauricio (jueves, 28 abril 2016 04:31)

    Hola hay algún video de este tema

  • #2

    Jose Luis Núñez (jueves, 28 abril 2016 07:55)

    Hola Mauricio,
    no hay ningún vídeo pero en Gallery(fíjate en el enlace) tienes el código completo de la app ;-)

  • #3

    Christian (viernes, 29 abril 2016 11:24)

    Hola Jose Luis, con este método podría loguearme, por ejemplo en la pagina de facebook? O que necesitaría para poder crear una app que pueda hacer login en paginas web desde la app? Un saludo y gracias

  • #4

    Jose Luis Núñez (viernes, 29 abril 2016 11:38)

    Hola Christian,
    hasta donde yo sé Facebook proporciona su propio código para integrarlo con tu app pero hay que hacerlo desde Java en Eclipse o Android Studio... Si lo quieres hacer desde App Inventor lo más sencillo, desde mi punto de vista, es integrar esa autenticación en un formulario incrustrado en un fichero HTML que cargues en tu app a través de un visor web...
    Puedes echarle un ojo a https://developers.facebook.com/docs/facebook-login/web donde verás toda la info que te hace falta.
    Lo que me preguntas de hacer login a cualquier web es lo que hace la app WebComponent comentada en el artículo...lo único que tienes que tener claro es cómo construir el envío de datos con POST y eso lo puedes averiguar fácilmente si sabes el código del formulario de login...como es el caso de mi app que yo sé el código HTML del login(http://cursoappinventor.net84.net/login.html) y sé lo que tengo que enviar.

    Espero sea de utilidad ;-)

  • #5

    ivan (lunes, 09 mayo 2016 00:42)

    Hola, cuando tomo una foto y la comparto este tiene un nombre asignado por el cel....hay forma de asignar yo el nombre que tendra el archivo en este caso la foto?

  • #6

    Best SEO training in hyderabad (viernes, 27 mayo 2016)


    Best seo training in hyderabad.Here professionals are giving training with fee of low cost and Experience of 12years in the field of digital marketing.Train by the experts and get more knowledge about Digital marketing.
    <a href="http://seosaisantosh.com">Best seo training in hyderabad</a>

  • #7

    Josue quinteros (sábado, 22 octubre 2016 00:57)

    Hola tengo una app que muestra una pagina a travez del componente pagina.. pero al hacerla querer funcionar con una pagina responsive me indica que tengo que habilitar el almacenamiento MOD. Me puedes ayudar?

  • #8

    jose (domingo, 23 octubre 2016 17:51)

    hola como logro consumir un servicio para realizar un login en una aplicacion

  • #9

    Andres Valencia (viernes, 28 octubre 2016 07:54)

    Hola, permíteme preguntarte...
    ¿Cómo hago para que mi App cargue imágenes en la aplicación desde un servidor destinado por mi?

    Gracias, Espero respuesta.

  • #10

    Jose Luis (viernes, 28 octubre 2016 12:05)

    Andrés tienes que tener la URL(la dirección) de tu imagen en el servidor, algo del tipo http://... y en el componente correspondiente de App Inventor cargarlo ponerlo en la propiedad Foto o ImagenDeFondo según sea uno u otro.

    Un saludo!