¿Cómo funciona el nuevo cliente web de WhatsApp? Es necesario tener el teléfono conectado a Internet mientras usa el cliente web. ¿Qué tecnología se está utilizando aquí? ¿Cómo explica las limitaciones de iOS?

Mis observaciones están en mi blog:
Rompiendo abierto https://web.whatsapp.com/

Los extractos del blog son:

Primero permítanme enumerar los marcos que han usado para crear esta aplicación:

  1. React.js: UNA BIBLIOTECA JAVASCRIPT PARA CONSTRUIR INTERFACES DE USUARIO de Facebook.
  2. Underscore.js: Unerscore es una biblioteca de JavaScript que proporciona un montón de útiles ayudantes de programación funcional sin extender ningún objeto incorporado. Es la respuesta a la pregunta: “Si me siento frente a una página HTML en blanco, y quiero comenzar a ser productivo de inmediato, ¿qué necesito?” … y el lazo para combinar con el esmoquin de jQuery y los tirantes de Backbone.
  3. Velocity.js: Velocity es un motor de animación con la misma API que jQuery’s $ .animate (). Funciona con y sin jQuery. Es increíblemente rápido y presenta animación en color, transformaciones, bucles, flexibilidades, soporte SVG y desplazamiento. Es la mejor combinación de transiciones jQuery y CSS.

Estas son las piezas principales. Han estado utilizando Websockets seguros para comunicarse con su teléfono a través del servidor. Me pregunto por qué no usaron el dataChannel de webrtc allí. Hmmm cuando hago esta pregunta, la respuesta se hizo clara, porque solo Android lo habría admitido.

Están utilizando la Api de FileSystem de Chrome que hace que su aplicación sea específica de Chrome. En este caso, incluso los canales de datos podrían haberse utilizado, ya que niega el argumento anterior. Creo que la razón para no usar el canal de datos basado en WebRtc es evitar la dificultad de configurar la conexión inicial, que los sockets web resuelven colocando un servidor en el medio.

Parecen estar usando los principios de Google Material Design.

Entonces, veo que han modificado la forma de XMPP presente en el protocolo de chat y están reenviando las estrofas que el teléfono recibe al cliente web. Por lo tanto, para usar el teléfono del cliente web debe estar encendido y funcionando. Y cada comunicación que ocurre en el cliente web en realidad iría a través de su teléfono. Por lo tanto, webclient es solo una interfaz de usuario proxy para su teléfono.

¿Qué significa esto?

  • Más transferencia de datos por teléfono. Comprueba tu uso de datos.
  • Más consumo de batería debido a la transferencia de datos.

Aunque el cliente web de WhatsApp nos hace la vida más fácil, tiene un costo.

El cliente web de Whatsapp funciona, tomemos tres nodos como ejemplos,

Whatsapp web : la autenticación se produce cuando la aplicación móvil escanea el código QR que muestra Whatsapp web.

Aplicación móvil de Whatsapp : aquí es donde la aplicación móvil de Whatsapp solicita al servidor de Whatsapp que indique que la identificación web de Whatsapp pertenece al usuario de la cuenta de Whatsapp.

Servidor de Whatsapp : Entonces, el servidor de Whatsapp autentica las solicitudes y la sincronización ocurre entre la web de Whatsapp y la aplicación, estableciendo una comunicación bidireccional usando HTML5 WebSockets

Explicación de detalles de Whatsapp y Whatsapp Web Stack

Los datos móviles no tienen que estar activados, pero debe tener una conexión a Internet que funcione para su teléfono (como wifi). Esto se debe a que, a diferencia de la mayoría de las otras aplicaciones de mensajería ampliamente utilizadas, WhatsApp no almacena sus mensajes en sus servidores después de que se hayan entregado a su dispositivo. Como resultado, puede imaginarse que los servidores de WhatsApp son un enrutador tonto (retransmiten mensajes) mientras que el teléfono y la Web de WhatsApp se comportan en la arquitectura tradicional de servidor-cliente respectivamente.

Como otros han mencionado, WhatsApp Web probablemente se desarrolló debido a la demanda de una forma conveniente de comunicarse con sus contactos a través de su computadora, que ofrece una mejor experiencia de usuario (cuando está disponible) debido a la pantalla / teclado más grande.

WhatsApp Web sincroniza los mensajes de su aplicación móvil WhatsApp.

WhatsApp en su dispositivo móvil debe estar conectado a Internet en todo momento si desea recibir mensajes en su navegador.

Cuando agrega el código QR en su WhatsApp (móvil) desde su navegador, vincula su navegador con su servicio de WhatsApp.

Cuando recibe un mensaje en su teléfono móvil, los mensajes y los medios se envían a su sitio web de WhatsApp. Si descarga una imagen o video desde su dispositivo móvil, solo podrá acceder a él desde su navegador.

Le permite enviar y recibir mensajes y medios a través de su teléfono móvil.

Como había respondido aquí: la respuesta de Jackson Isaac a ¿Qué significa un lector QR? ¿Cómo detecta mi cuenta de WhatsApp para el registro del cliente web Chrome?

Es similar a la función de llamar a través de su Mac OS X que sincroniza la llamada desde su teléfono móvil a su escritorio. Solo aquí la sincronización es entre su dispositivo móvil y el navegador, y ambos deben estar activos y conectados a Internet.

Mientras investigo más sobre mi pregunta ¿Cómo funciona WhatsApp Web y por qué pide usar WiFi para reducir el uso de datos? , Descubrí que WhatsApp utiliza la API PushNotification de Google Chrome para la web de WhatsApp. No funcionará como otras aplicaciones de mensajería o aplicaciones IMAP. La aplicación móvil de WhatsApp envía los nuevos mensajes a Desktop Chrome y cualquier mensaje nuevo enviado a través de Desktop Chrome se devuelve a la aplicación de Android para su envío. Debido a esta razón, la nueva web de WhatsApp no ​​es compatible con iOS ¿Por qué la versión del navegador web de WhatsApp no ​​funciona para los usuarios de iOS?

Parece que a WhatsApp no ​​le gusta que usemos la aplicación sin un móvil como otras aplicaciones IMAP como Gmail o chats como Hangout. Sospecho que esto se debe a que realizan un seguimiento de los datos del usuario con fines comerciales o para algunos asuntos serios 🙂

1.Verifique la sección de imágenes en la página web Patente US20130167208 – Inicio de sesión en teléfonos inteligentes con código QR

2.Iniciar sesión con códigos QR (prueba de concepto)

3. Cómo implementar un mecanismo como el escaneo de código QR de WhatsApp Web

4.Cómo crear un WhatsApp como la aplicación de mensajería y la funcionalidad de clonación de Whatsapp

Después de escanear el código QR desde la web de WhatsApp utilizando su teléfono, WhatsApp conecta la sesión web actual de WhatsApp con la que ha iniciado sesión en su teléfono. Nuestro teléfono lee el código QR y transmite la identificación de la sesión y otra información relacionada al servidor de WhatsApp, que luego inicia el emparejamiento entre su teléfono y la sesión web.

Puede ser así … Cuando escanea el código QR usando su aplicación de WhatsApp en el móvil, lee el código y envía los datos de su perfil a la instancia del navegador web (a través del servidor) donde se abre ese código QR en particular. Entonces, cuando escanee el código QR, se mostrarán sus datos de perfil y podrá comenzar a usar la versión web.

Todo lo que necesita hacer es seguir los pasos a continuación y conectarse más fácilmente …

Paso 1: Actualice la aplicación WhatsApp a la última versión en su teléfono.

Paso 2: Vaya a WhatsApp Web en un navegador Google Chrome (actualmente solo se admite Chrome).

Paso 3: desde WhatsApp en tu móvil, abre el menú, elige WhatsApp Web.

Paso 4: Verás una ventana para escanear códigos QR en tu móvil

Paso 5: Escanee el código QR desde el sitio web (desde su PC) y estará listo para conectarse. Enhorabuena, ahora ha emparejado WhatsApp en su teléfono con el cliente web WhatsApp.

Su teléfono necesita estar conectado a Internet durante todo el proceso.

Hasta donde sé, cuando escanea su código QR desde su teléfono, los datos de WhatsApp de su teléfono se sincronizan con los servidores de WhatsApp. Es por eso que la comunicación / mensajes en tiempo real tanto en el sitio web como en el teléfono ocurren al mismo tiempo.

La conectividad a Internet en el teléfono es obligatoria ya que los mensajes de datos / whatsApp se entregan primero al teléfono y los datos del teléfono se sincronizan con el servidor que luego se muestra en el cliente web del sitio web.
Lo mismo ocurre cuando se transmiten mensajes desde el cliente web.

More Interesting

¿Cuáles son los pasos básicos que debe seguir antes de contratar a un desarrollador de aplicaciones para su negocio?

En los próximos meses, puedo concentrarme en iOS o en el desarrollo web completo con una inclinación hacia el frente o el backend. ¿Cual deberia elegir?

¿Necesito crear un equipo de desarrolladores para mi aplicación móvil / web? Tendrá perfiles de usuario / bases de datos, ubicación, mensajes, etc. ¿Dónde empiezo?

¿Cuánto costaría desarrollar una aplicación similar a Tinder for Fashion (Grabble)?

¿Cuáles son los servicios proporcionados por Google App Engine?

Cuando se les da una opción, ¿las personas prefieren usar la versión móvil de un sitio web o una aplicación?

Cómo implementar JSQMessagesViewController para mi aplicación

¿Dónde puedo aprender UI / UX para el desarrollo de aplicaciones móviles y web?

¿Puedo usar un sitio web diseñado para dispositivos móviles con diseño receptivo para que funcione como una aplicación móvil? ¿Puede un sitio web de este tipo reemplazar una aplicación? ¿Qué puede hacer una aplicación móvil que un sitio web no puede hacer?

Cómo crear una aplicación de Android con solo usar la base de datos MySQL de WordPress

¿Cómo suele ser el back-end de una aplicación móvil?

¿Mis conversaciones web de WhatsApp están almacenadas en mi computadora?

Experiencia del cliente: ¿Qué tecnologías recientes han generado un alto nivel de entusiasmo?

¿La plataforma Backendless es confiable para aplicaciones móviles comerciales con miles de usuarios y conexiones concurrentes?

¿Cómo crear un sitio web gratuito o barato para mi aplicación de Android? ¿Qué será más preferido teniendo en cuenta el costo y la usabilidad?