Una de las caracter\u00edsticas interesantes de Couchbase Lite que no se ha presentado mucho es la capacidad de hacer la replicaci\u00f3n P2P entre dos dispositivos. Couchbase Lite viene empaquetado con un componente extra llamado Couchbase Lite Listener que permite a tu aplicaci\u00f3n aceptar conexiones HTTP desde otros dispositivos que ejecuten Couchbase Lite y sincronizar datos con ellos.<\/p>\n
Hace un par de meses, Wayne Carter (Arquitecto Jefe de M\u00f3viles) y Traun Leyden (ingeniero de Android) me llamaron por Skype y me vendieron la idea de crear una sencilla aplicaci\u00f3n P2P para compartir fotos que pudiera demostrar lo f\u00e1cil que es desarrollar una aplicaci\u00f3n P2P usando Couchbase Lite. Me compromet\u00ed desde entonces y pas\u00e9 un par de d\u00edas trabajando en esta peque\u00f1a aplicaci\u00f3n P2P iOS para compartir fotos llamada PhotoDrop. En esta entrada del blog, te mostrar\u00e9 c\u00f3mo utilic\u00e9 Couchbase Lite para desarrollar la aplicaci\u00f3n. Esto es lo que obtendr\u00e1s al final:<\/p>\n
PhotoDrop es una aplicaci\u00f3n P2P para compartir fotos similar a la funci\u00f3n AirDrop de iOS que puedes utilizar para enviar fotos entre dispositivos. Antes de entrar en el c\u00f3digo, me gustar\u00eda discutir brevemente las preocupaciones P2P y las opciones de dise\u00f1o que hice al desarrollar la aplicaci\u00f3n.<\/p>\n
Descubrimiento entre iguales<\/b> se puede hacer de varias maneras. En iOS, puedes usar el Servicio Bonjour para descubrir pares pero esto podr\u00eda ser un problema si m\u00e1s tarde quieres desarrollar la aplicaci\u00f3n en otras plataformas. En PhotoDrop, estoy usando una forma m\u00e1s simple y directa usando un QRCode. Utilizo el QRCode para anunciar una URL de punto final adhoc que un remitente puede escanear y enviar fotos.<\/span><\/span><\/p>\n Identidad entre iguales<\/b> es un tema relacionado con el Peer Discovery. La identificaci\u00f3n de pares suele ser dif\u00edcil de resolver sin introducir algunos pasos no deseados en la aplicaci\u00f3n, como el registro de usuarios, el inicio de sesi\u00f3n de usuarios y la aprobaci\u00f3n de pares. Utilizando un QRCode, y requiriendo que las dos personas tengan una interacci\u00f3n expl\u00edcita directa para enviar y recibir fotos, se mitiga el problema.<\/span><\/span><\/p>\n Autenticaci\u00f3n<\/b> es necesario para asegurar que el control de acceso, en este caso el acceso de escritura para insertar fotos en la base de datos de otro par, se concede a la persona adecuada. En PhotoDrop, estoy usando el Basic Auth que Couchbase Lite ya soporta. Genero de forma segura un nombre de usuario y una contrase\u00f1a de un solo uso, los junto con el endpoint URL y los codifico todos en el QRCode presentado por el receptor al emisor. Una vez que el remitente escanea el QRCode, el remitente tendr\u00e1 el nombre de usuario y la contrase\u00f1a para la autenticaci\u00f3n b\u00e1sica.<\/span><\/span><\/p>\n Canales de comunicaci\u00f3n seguros<\/b> especialmente para enviar informaci\u00f3n sensible. No implement\u00e9 la comunicaci\u00f3n segura en esta aplicaci\u00f3n. Sin embargo, recientemente Jen Alfke a\u00f1adi\u00f3 soporte TLS incluyendo una API para generar un certificado autofirmado sobre la marcha al iOS Couchbase Lite Listener. Como todo el trabajo duro ya est\u00e1 hecho, puedes a\u00f1adir soporte para esto f\u00e1cilmente.<\/span><\/span><\/p>\n Despu\u00e9s de todo, el flujo actual de PhotoDrop es bastante sencillo. Seleccionas las fotos que quieres compartir con tu amigo y abres el esc\u00e1ner QRCode para escanear el endpoint de destino al que se enviar\u00e1n las fotos seleccionadas. Por otro lado, tu amigo abre la aplicaci\u00f3n, muestra el QRCode y espera a que escanees y env\u00edes las fotos. La siguiente secci\u00f3n proporcionar\u00e1 todos los detalles de implementaci\u00f3n de la aplicaci\u00f3n.<\/span><\/span><\/p>\n PhotoDrop utiliza ALAssetsLibrary para acceder a las fotos en el \u00e1lbum Camera Roll en un dispositivo iOS porque el UIImagePickerViewController que no soporta la selecci\u00f3n m\u00faltiple de fotos.<\/p>\n Las fotos se muestran en un UICollectionViewController. Se crea una sencilla UICollectionViewCell personalizada denominada PhotoViewCell para mostrar una miniatura de la foto y una casilla de verificaci\u00f3n que indica el estado seleccionado de la foto.<\/p>\n Cuando las fotos seleccionadas est\u00e9n listas para enviar y se pulse el bot\u00f3n de env\u00edo, se presentar\u00e1 el SendViewController con las fotos seleccionadas.<\/p>\n Una vez presentado el SendViewController, nos encontramos en la funci\u00f3n viewDidLoad() en la que obtenemos un objeto de base de datos vac\u00edo llamado \"db\" de la clase DatabaseUtil. La raz\u00f3n por la que obtenemos una base de datos nueva es para asegurarnos de que no hay documentos pendientes de una sesi\u00f3n de compartici\u00f3n anterior. Una vez presentado el SendViewController, estaremos en la funci\u00f3n viewDidAppear(animated:Bool). En la funci\u00f3n viewDidAppear, iniciamos la sesi\u00f3n de captura QRCode de AVFoundation para presentar el esc\u00e1ner QRCode.<\/p>\n Cuando se captura un QRCode, extraemos la URL del endpoint que es la URL remota a la que enviaremos las fotos. El c\u00f3digo central para crear y enviar documentos de fotos comienza y termina en la funci\u00f3n replicate(url: NSURL) que tiene unas 50 l\u00edneas de c\u00f3digo.<\/p>\n El c\u00f3digo comienza con un bucle a trav\u00e9s de cada foto en la matriz sharedAssets. Para cada foto, obtenemos una representaci\u00f3n binaria y la adjuntamos a un documento vac\u00edo de Couchbase Lite.<\/p>\n Cuando terminamos de crear los documentos fotogr\u00e1ficos, enviamos esos documentos al otro dispositivo. Para ello, creamos un replicador push y establecemos los identificadores de los documentos que queremos replicar. En general, establecer los ids de los documentos para el replicador es opcional. Si no se especifica, el replicador replicar\u00e1 todos los documentos de la base de datos.<\/p>\n Antes de iniciar el replicador, configuramos un observador de notificaciones para observar el estado de replicaci\u00f3n, de forma que podamos mostrar el estado de replicaci\u00f3n de forma adecuada cuando la replicaci\u00f3n est\u00e9 en curso.<\/p>\n La recepci\u00f3n de fotos se realiza en ReceiveViewController que se presenta desde la pantalla ViewController cuando un usuario toca el bot\u00f3n Receive. Cuando se presenta el ReceiveViewController, obtenemos una base de datos fresca llamada \"db\" en el m\u00e9todo viewDidLoad(). En la funci\u00f3n viewDidAppear(animated: Bool), llamamos a startListener() para crear e iniciar un objeto CBLListener. El CBLListener es un servidor HTTP ligero embebido que escucha las peticiones HTTP y enruta esas peticiones a los manejadores apropiados para realizar las operaciones de replicaci\u00f3n. Una vez iniciado el listener, podemos obtener la URL del listener y presentar un QRCode codificando la URL. Como bonus, iOS CoreImage soporta un filtro QRCode por lo que generar una imagen QRCode es realmente f\u00e1cil :)<\/p>\n Cuando configuramos el receptor en startListener(), habilitamos la autenticaci\u00f3n b\u00e1sica con el par usuario\/contrase\u00f1a generado. El par nombre de usuario\/contrase\u00f1a generado sirve como un par de un solo uso que proporciona una soluci\u00f3n segura (suficiente) para evitar que usuarios no autorizados env\u00eden im\u00e1genes al receptor. Para generar el nombre de usuario y la contrase\u00f1a, utilizamos la API de servicios de aleatorizaci\u00f3n de iOS (SecRandomCopyBytes) que genera valores aleatorios criptogr\u00e1ficamente seguros.<\/p>\n Al final de la funci\u00f3n startListener(), se llama a la funci\u00f3n startObserveDatabaseChange() para observar cualquier cambio que se produzca en la base de datos a trav\u00e9s de las notificaciones denominadas kCBLDatabaseChangeNotification. Ahora podemos observar cu\u00e1ndo se replican los documentos fotogr\u00e1ficos del otro dispositivo y guardar las fotos en el rollo de la c\u00e1mara del dispositivo.<\/p>\n La funci\u00f3n para guardar una foto en el rollo de la c\u00e1mara del dispositivo es la siguiente. La funci\u00f3n simplemente obtiene la imagen del documento adjunto, crea una CGImage y la guarda en el carrete mediante la funci\u00f3n writeImageDataToSavedPhotosAlbum() de la ALAssetsLibrary. Despu\u00e9s de guardar una foto, mostramos una miniatura en la pantalla.<\/p>\nSelecci\u00f3n de fotos<\/span><\/strong><\/span><\/h2>\n
Env\u00edo de fotos<\/span><\/strong><\/span><\/h2>\n
\nLa funci\u00f3n getEmptyDatabase() de la clase DatabaseUtil devuelve una base de datos vac\u00eda con el nombre dado, borrando la base de datos si existe y volviendo a crear una nueva.<\/p>\nRecepci\u00f3n de fotos<\/span><\/strong><\/span><\/h2>\n
Conclusi\u00f3n<\/span><\/strong><\/span><\/h2>\n