Juanky

Hace un tiempo hice un ejemplo de un Servidor de Websockets en Android (Java en Android Studio) con el que hice una pequeña app de Chat en tiempo real.

Ahora, la app funciona y todo es muy bonito, pero la verdad, no soy mucho de hacer apps en Android Studio con Java. Esto es algo personal, claro. Si a ti te gusta, adelante, ahí está el ejemplo.

El framework que uso para hacer apps se llama Nativescript (hablaré de este framework en otro post).

En resumen escribes una aplicación web y sale una app móvil nativa. Bastante genial, la verdad.

Bueno, lo que hice fue que implementé esta librería de Java en Nativescript y ahora puedo crear un Cliente y (nunca antes visto) Servidor de Websockets en Nativescript (para Android, obviamente).

¿Cómo funciona? Muy fácil, sólo instancias la clase que quieras (WebSocketClient o WebSocketServer), le das funciones a los eventos, y pones a funcionar el Cliente (o Servidor). Puedes ver el funcionamiento del plugin en el repositiorio.

Ahora sólo falta una app de ejemplo para que vean lo potente (y aún asi simple) que resulta ser este plugin.

Lamentablemente, solo hice el plugin, pero tranquilos que estaré trabajando en una app de ejemplo en estos días y publicaré un GIF o un video para mostrar su funcionamiento.

Sin nada más que decir, les dejo el enlace al repo, y les pido que prueben el plugin (que ya se encuentra en npm: nativescript-betterwebsockets), y que me den su opinión al respecto.

Nos estamos viendo!

Estuve trabajando en un proyecto con Electron y Socket.io, lo que hacía era simple, primero te pedía unos datos y luego hosteaba una página, la cual se podía acceder mediante la ip en la red local y también creaba un servidor Socket.io lo que permitía la comunicación en tiempo real.

Todo bien y muy lindo hasta que pensé… ¿Por qué no tratar de meter el servidor en Android?

Primero que todo, no me gusta programar en Android Nativo, uso Nativescript con Angular (puedes comprobarlo con YAAAY!) por que me es mas simple. Bueno, el tema es que pensé en hacerlo con este framework pero lamentablemente no existían los plugins para este.

Mi objetivo era simple, una app que funcionara para conectar varios dispositivos y que se pudiesen comunicar en tiempo real en la misma red local. Necesitaba que fuese todo terreno, por eso tenía que ser a prueba de lugares sin internet, dispositivos anticuados (lentos y/o sin mucho espacio de almacenamiento), y lo peor de todo: dispositivos apple.

Luego de buscar, estas fueron mis opciones:

Servidor Socket.io propio Ventajas:

Cualquier dispositivo puede conectarse.

Basta con una sola aplicación web.

Desventajas:

Necesita conexión a internet.

Necesitaría un host ($$$).

WebRTC Ventajas:

Conexión directa entre dispositivos

Se puede utilizar en lan (sin internet!)

Desventajas:

No sé como se usa (ya lo intenté y fallé)

Aún necesito hostear la app ($$$).

Wifi Direct Ventajas:

Conexión directa entre dispositivos

Desventajas:

Solo funciona en android.

Se necesita una app nativa.

Ahora, estoy seguro de que habían más opciones, pero esas eran las que más recuerdo.

Siguiendo con la historia cuando estába a punto de rendirme, encontré NanoHttpd, un servidor web que funciona en android, y luego de buscar más, encontré Websockets para Java (unos que funcionaban en Android).

Usando todo mi conocimiento Javístico construí un chat de ejemplo y la verdad el resultado fue bastante rico: Cliente: App con Angular 6 y Angular Material + Servidor: App nativa de android = WebsocketChat (así le puse).

Ahora, cuales son las características de esta app

No necesita internet!

Soporta varios dispositivos

Aunque el host debe ser Android, los clientes pueden conectarse a través de cualquier dispositivo que tenga un navegador (compatible con angular jeje)

Aunque en el proyecto usé un cliente hecho con Angular, la página del cliente puede ser un html cualquiera conectado con websockets simples de javascript.

Dejo el enlace del ejemplo para que lo revisen y vean si es que pueden compilarlo: WebSocketChat en Github.

Nos vemos!

Piranha Plant

Scorpio, Aries, Sagittarius, Libra, Pisces, Cancer:

function () {     // code }

Taurus, Virgo, Leo, Gemini, Aquarius, Capricorn:

function ()  {     // code }

Ophiuchus: