Comunicacion entre android y javascript WebView

Comunicacion entre android y javascript WebView

Comunicacion entre android y javascript WebView
5 (100%) 2 votos

Muchas veces en un proyecto resulta que se necesita que salga a la luz en varias plataformas como por ejemplo en dispositivos android, ios, pero también este disponible para web, una de las formas de resolver esto sin tener que hacer un proyecto para cada plataforma es realizar el proyecto para web y crear el cascaron para android o ios. En ocasiones necesitamos que nuestra app android que contiene el proyecto web sea mas que un cascaron y que comunique información con android y viceversa, es por esto que hoy vamos a ver un ejemplo de comunicacion entre android y javascript mediante el uso de webview e interfaces javascript asociadas, te animas a aprenderlo?

Definiendo lo que aprenderemos..

Lo que haremos el dia de hoy es aprender a para informacion desde una pagina web vista desde un webview a una aplicacion android que ejecuta este webview, esto lo haremos con javascript e interfaces javascript en android.

Del lado de android

Una vez que tengamos nuestro webview

activamos javascript

y declaramos una interfaz javascript

que viene dada de la clase Intermediario que veremos mas adelante y un nombre asociativo con el que desde javascript podremos referirnos a android, en este caso “Android”..

podremos tener nuestro metodo onPageFinished para realizar alguna actividad al terminar de cargar nuestra pagina

y cargamos nuestra url

La clase Intermediario es como sigue..

Ahora para llamar una funcion javascript desde android simplemente utiliza el componente webview para ejecutarlo asi..

y del lado de android eso es todo, ahora seguimos con nuestro codigo web en la pagina que leera el webview.


Suscríbete a nuestra lista de correo y recíbe los últimos contenidos directamente en tu bandeja de correo electrónico, puedes elegir únicamente de que categoria del blog quieres recibir contenido.

Suscríbeme

Del lado de javascript

Ahora para comunicar algo desde javascript es mucho mas facil con todo lo que ya hemos realizado hasta el momento, simplemente tenemos que llamar funciones android mediante el nombre asociativo que dimos a nuestra interfaz, en este caso Android..

Primero nos aseguramos que este definida la interfaz Android, es decir que estemos ejecutando nuestra pagina web desde un webview, y despues gracias a nuestro nombre asociativo llamamos cualquier metodo en android, en este caso regresarAlogin.

Comunicacion entre android y javascript

Como vimos la comunicacion entre android y javascript es mas facil de lo que pensabamos y se vuelve una herramienta fundamental con el apogeo del desarrollo de aplicaciones moviles y sobre todo el hecho de no tener que realizar una aplicacion para cada sistema operativo (android, ios, blackberry,etc) sino simplemente crear una webapp y crear los cascarones correspondientes para cada sistema operativo.

Un enlace de mucho interes: Crear webapps con webview (en ingles)

¿Tienes algo que añadir al tema? Abajo tienes los comentarios abiertos para crear nuestra discusión..

Comunicacion entre android y javascript WebView
5 (100%) 2 votos

Deja tu comentario

4 Comentarios ¿Qué opinas tú del tema?

  1. Antonio
  2. Rafa
  3. Luis Garcia

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Loading Facebook Comments ...