La puissance des extensions web et du web comme plateforme

La puissance des extensions web

Je suis vraiment encore une fois absolument enthousiasmé par le web en tant que plateforme. Le navigateur est devenu ces dernières années l'environnement d'exécution de programmes le plus important et il est toujours étonnant de voir ce qui est possible dans les navigateurs modernes (mais aussi dans les frameworks JavaScript modernes comme React, par exemple).

Nous avons longtemps cherché une solution pour l'import d'images depuis WhatsApp

Depuis environ deux ans, je réfléchis régulièrement à la manière dont nous pouvons organiser l'import (ou l'export) d'images ou de documents depuis WhatsApp vers d'autres programmes de façon sécurisée et conforme à la protection des données. WhatsApp appartient à Meta et reste – qu'on l'apprécie ou non – la messagerie la plus répandue.

Ce qui est bien : Le contenu des messages dans WhatsApp est chiffré de bout en bout.

Ce qui n'est pas bien : WhatsApp ne propose pas d'API pour recevoir des messages WhatsApp de manière programmatique. C'est problématique à l'ère des outils d'automatisation actuels (n8n, divers outils LegalTech, MaraDocs…) car cela signifie que des étapes manuelles restent nécessaires pour accéder aux documents.

Ce qu'on a du mal à croire : Je viens d'écrire qu'il n'y avait pas d'API. Ce n'est pas tout à fait exact. Il existe une API proposée par Meta qui permet de recevoir et d'envoyer des messages. Cependant, cela nécessite un compte WhatsApp Business. Et Meta se fait accorder des droits d'utilisation étendus sur les contenus envoyés (et reçus) :

Les conditions WhatsApp Business sont inacceptables du point de vue de la protection des données

Voici un extrait des conditions WhatsApp Business actuelles :

Je pense qu'il est évident qu'un import de communications confidentielles avec les clients via un tel compte WhatsApp Business n'est pas envisageable. Il n'existe donc pas d'API utilisable.

Meta se fait donc accorder des droits d'utilisation étendus sur les contenus envoyés (et reçus). Ainsi, personne ne peut utiliser un compte WhatsApp Business s'il traite des données personnelles ou autres données confidentielles de ses clients / mandants. Et c'est avec ce compte que subsiste ou disparaît la possibilité d'accéder de manière programmatique (c'est-à-dire par API) aux messages ou aux images transmises.

Comment donc exporter des images depuis WhatsApp sans désastre en matière de protection des données ?

C'est là qu'elles peuvent briller : les webextensions, ou en français : les extensions de navigateur.

Les extensions de navigateur sont des programmes qui sont chargés ultérieurement par le navigateur dans certaines pages web et peuvent interagir (de manière très définie) avec le contenu qu'elles contiennent.

Et WhatsApp, dans son écosystème très fermé et verrouillé, a ouvert une brèche vers ses fonctionnalités internes en créant WhatsApp Web. On peut se connecter via un code QR avec son application WhatsApp sur le téléphone sur web.whatsapp.com et on obtient alors tous les chats dans une fenêtre de navigateur pour une utilisation pratique.

Et nous pouvons intervenir dans cette fenêtre de navigateur avec des extensions.

L'architecture d'une extension de navigateur

L'extension fournit essentiellement trois composants :

• Un background script, qui fonctionne indépendamment d'une page web actuelle
• Un content script respectivement, qui est « injecté » dans des pages web prédéfinies et s'exécute dans leur contexte

Pour des raisons de sécurité, les onglets individuels du navigateur sont très fortement isolés les uns des autres. Cela signifie qu'une communication directe n'est pas possible entre deux pages web.

Le background script de l'extension assume alors la fonction d'un service de messagerie. Le content script dans web.whatsapp.com ainsi que le content script sur app.maradocs.io peuvent tous deux envoyer des messages au background script et recevoir des messages de celui-ci.

Donc, si le content script WhatsApp veut envoyer une image au content script MaraDocs, il emballe l'image dans un message encodé en texte (Base64) et l'envoie au background script. Selon le type de message défini, celui-ci est ensuite transmis en conséquence.

Le content script MaraDocs, quant à lui, attend de tels messages, les valide et les transmet (maintenant via des CustomEvents) au code MaraDocs original.

Le diable se cache évidemment dans les détails : outre la validation générale des données (est-ce que tout ce qui figure dans ce message est correct ?), les données de différents messages doivent être assemblées (les CustomEvents ont une limite de taille d'un mégaoctet…). Qu'en est-il des messages envoyés en double, qu'en est-il des messages manquants… 100 autres problèmes potentiels.

Mais lorsque ces étapes individuelles sont correctement modélisées et mises en œuvre, le tour de magie est réalisé et (plusieurs) fichiers image sont migrés en un clic de l'écosystème normalement fermé de WhatsApp vers MaraDocs et peuvent ensuite y être facilement convertis en documents PDF corrects.

Cela me fascine encore après un week-end intense de codage.

Voici MaraDocs : Optimiser, Combiner, Télécharger

Le workflow est systématiquement orienté vers les besoins du quotidien au cabinet : il faut que ce soit rapide et simple !

• Glissez-déposez ou copiez-collez un e-mail avec pièces jointes ou des fichiers dans l'application
• Toutes les pièces jointes sont automatiquement extraites et analysées
• Les documents sont automatiquement reconnus et découpés et convertis en scans consultables
• Les PDF sont compressés, une reconnaissance de texte est effectuée si nécessaire
• Toutes les pages sont automatiquement orientées et pivotées selon le sens du texte
• Les pages peuvent très facilement être assemblées en nouveaux PDF
• Le renommage ne prend qu'un seul clic
• Téléchargement. Terminé.