Transformez les présentations à sens unique en interaction en direct : déploiement de Claper et pratique de l’accès public pour l’audience
*Version 1 : Cet article décrit l’ensemble du processus de déploiement de Claper avec Docker et PostgreSQL, puis le mappage du port local 4000 vers l’Internet public avec cpolar. Il convient à l’enseignement en classe, aux démonstrations de produits, aux formations en ligne et aux scénarios de partage interactif.

Transformer les présentations à sens unique en interaction en direct : déploiement de Claper et pratique d’accès public pour le public
Source : article CSDN original
Titre original : « 让演示从单向讲解变成现场互动:Claper部署与公网参与实践 »
Remarque : il s’agit d’une réécriture au niveau du ton, basée sur l’article original. La structure, les étapes, les commandes et la logique de placement des images d’origine sont conservées.
Le contenu original est soumis à la licence CC 4.0 BY-SA. Veuillez conserver la mention de la source et de la licence lors de la publication.
Introduction
Dans des scénarios tels que l’enseignement en classe, les lancements de produits et les présentations professionnelles, terminer le contenu ne signifie pas toujours que le public a réellement participé.
Bien souvent, les sessions de questions-réponses en direct peinent à susciter des réactions. Les votes à l’oral sont difficiles à comptabiliser. Les participants à distance ont également du mal à partager leurs idées à temps. Au final, on ne peut compter que sur une enquête après l’événement pour recueillir les retours, avec des résultats souvent peu satisfaisants.
Claper vous permet de téléverser des fichiers PPT ou PDF vers une plateforme de présentation indépendante, et d’ajouter des commentaires en temps réel, des enquêtes, des sondages et des questions-réponses pendant la présentation. Le public n’a qu’à ouvrir la page de l’événement dans un navigateur pour participer directement. L’animateur peut également voir les retours en temps réel depuis l’interface de présentation.
Ainsi, ce qui était auparavant une présentation de diapositives à sens unique peut devenir un processus avec des réponses instantanées et une interaction en direct.
Dans cette configuration, Claper gère les fichiers de présentation et les fonctionnalités interactives. PostgreSQL stocke les données de la plateforme. Docker prend en charge le déploiement. cpolar mappe le port local 4000 du réseau local vers une URL publique.
Cette solution convient à l’enseignement en classe, à la formation interne, au partage en ligne et aux événements de petite à moyenne envergure. Un point à noter : Claper n’est pas un plugin installé directement dans PowerPoint. La présentation réelle est effectuée
via la page Claper.

1. Déployer Claper avec Docker en une seule étape
Tant que vous disposez d’un appareil prenant en charge Docker, vous pouvez faire fonctionner Claper assez rapidement. Vous n’avez pas besoin d’une configuration d’environnement compliquée, et il n’est pas lié à un système d’exploitation spécifique.
Dans cet exemple, j’utilise CentOS 7. Parcourons le processus de déploiement.
Tout d’abord, installez-le et exécutez-le avec Docker, puis créez un répertoire pour stocker les fichiers :
mkdir -p /docker/Claper
cd /docker/Claper
![Cette image montre, dans l’interface en ligne de commande d’un système CentOS 7, les commandes d’initialisation de répertoire exécutées lors du déploiement de Claper. Plus précisément, avec les droits de l’utilisateur [root@zookeeper1 docker], la commande mkdir claper est d’abord exécutée pour créer un répertoire nommé claper, puis la commande cd claper permet d’entrer dans ce répertoire, et enfin la commande ls affiche le contenu du répertoire actuel. Cela correspond à l’étape « installer et exécuter Docker, puis créer un répertoire de stockage des fichiers » dans le processus de déploiement de Claper.](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/72da0e03-72c8-442c-aec2-e57a34ce8f08-claper-docker-cpolar-public-access-1.png)
Ensuite, enregistrez le contenu suivant dans un fichier docker-compose.yml.
Lorsque PostgreSQL démarre pour la première fois et que le répertoire de données est vide, il crée l’utilisateur et la base de données à partir des variables d’environnement POSTGRES_* :
POSTGRES_PASSWORD: claper
POSTGRES_USER: claper
POSTGRES_DB: claper
Vous pouvez générer SECRET_KEY_BASE avec la commande suivante :
openssl rand -hex 64

La configuration complète de docker-compose.yml est la suivante :
version: "3.0"
services:
db:
image:
postgres:9
volumes:
- ./postgres-data:/var/lib/postgresql/data
environment:
POSTGRES_PASSWORD: claper
POSTGRES_USER: claper
POSTGRES_DB: claper
healthcheck:
test: ["CMD-SHELL", "pg_isready -U claper"]
interval: 5s
timeout: 5s
retries: 10
app:
image: ghcr.io/claperco/claper:latest
user: "0:0"
ports:
- "4000:4000"
volumes:
- uploads:/app/uploads
environment:
DATABASE_URL: postgres://claper:claper@db:5432/claper
SECRET_KEY_BASE: 08fdecbc274177363ad3e5457ae910005216dc6d27b470cf69d9524e4fc6b951156b3c4709290054cb76778899ef
ENDPOINT_PORT: 4000
ENDPOINT_HOST: 192.168.42.140
MAX_FILE_SIZE_MB: 50
depends_on:
db:
condition: service_healthy
volumes:
uploads:
Exécutez ensuite la commande suivante pour démarrer le service :
# Démarrer tous les services
docker-compose up -d

Une fois le service démarré, vous pouvez entrer dans le conteneur PostgreSQL pour le vérifier :
docker exec -it claper-db-1 psql -U claper -d claper
Si vous pouvez accéder normalement à l’invite psql, cela signifie que l’utilisateur et la base de données ont été créés avec succès.
Vous pouvez également utiliser l’utilisateur postgres pour afficher tous les rôles :
docker exec -it claper-db-1 psql -U postgres -c '\du'

Une fois le démarrage terminé, vérifiez si le port 4000 est accessible :
curl http://192.168.42.140:4000

Ouvrez l’adresse suivante ; vous devriez voir la page d’accueil de Claper :
http://localhost:4000

Inscrivez-vous, puis connectez-vous :

Après une connexion réussie, vous pouvez accéder au tableau de bord d’administration :

Ensuite, vous pouvez créer un événement de présentation :

Suivez les instructions affichées sur la page.
Cliquez sur Create dans le coin supérieur droit, téléversez un fichier PPT ou PDF, puis configurez les composants interactifs. Il est recommandé d’activer les commentaires et les sondages, car cela rend l’effet interactif plus évident.

À ce stade, la plateforme de présentation interactive Claper a été déployée.
Vous pouvez maintenant créer un événement de présentation et inviter le public à le rejoindre. Qu’il scanne un QR code sur place ou ouvre un lien à distance, le public peut participer au moyen de commentaires, d’enquêtes, de sondages et d’autres méthodes. Il peut également laisser des données de retour utiles au cours du processus.
Qu’il s’agisse d’un rapport en salle de réunion, d’un cours en classe ou d’un événement de lancement en ligne, Claper peut transformer une explication à sens unique en une interaction à double sens, avec un plus fort sentiment de participation.
2. Installer cpolar
Si vous avez déjà déployé Claper en local et que les fonctionnalités de commentaires, d’enquêtes et de retours en temps réel sont configurées, vous pouvez tout de même rencontrer un problème lorsque vous souhaitez que des collègues, des clients ou des étudiants participent à distance. Ils ne peuvent pas
accès :
http://votre-ip-interne:4000
La raison est simple : le service fonctionne à l’intérieur d’un LAN et ne dispose pas d’une adresse IP publique, les appareils externes ne peuvent donc pas y accéder.
C’est là que cpolar peut aider à résoudre le problème de l’accès public.
cpolar peut mapper des services exécutés sur votre ordinateur local, tels que SSH, des services Web et des bases de données, vers Internet public. Cela signifie que même si le service fonctionne à la maison, au bureau ou dans une machine virtuelle, il reste accessible via une URL publique.
Voici les étapes d’installation de cpolar.
Installez-le avec le script en un clic :
sudo curl https://get.cpolar.sh | sh

Après l’installation, exécutez la commande suivante pour vérifier l’état du service cpolar. Si l’état est normal, le service a démarré avec succès.
sudo systemctl status cpolar

Une fois cpolar installé et démarré avec succès, saisissez l’adresse IP de l’hôte de la machine virtuelle suivie du port 9200 dans votre navigateur pour accéder à l’interface de gestion :
http://ip:9200
Vous pouvez également l’ouvrir localement :
http://localhost:9200
Après vous être connecté avec le compte enregistré sur le
site officiel de cpolar, vous verrez l’interface de configuration Web de cpolar. La configuration ultérieure des tunnels peut être effectuée depuis cette page.

3. Configurer une URL publique
Après vous être connecté à l’interface de gestion Web UI de cpolar, cliquez sur Gestion des tunnels → Créer un tunnel dans le tableau de bord de gauche.
Configurez-le avec les paramètres suivants :
- Nom du tunnel : valeur personnalisée. Cet exemple utilise
claper. Assurez-vous qu’il ne duplique pas le nom d’un tunnel existant. - Protocole :
http - Adresse locale :
4000 - Type de domaine : domaine aléatoire
- Région : choisissez
China Top

Une fois la création réussie, ouvrez Liste des tunnels en ligne à gauche. Vous verrez l’URL publique qui vient d’être générée.
Ensuite, utilisez cette adresse sur un autre ordinateur ou téléphone, et vous pourrez accéder depuis l’Internet public à la page Claper déployée localement.

Après un accès réussi, la page ressemble à ceci :

4. Réserver une URL publique fixe
Une URL publique aléatoire peut être utilisée temporairement. Mais si vous souhaitez partager le service avec d’autres personnes sur une période plus longue, une adresse qui change fréquemment n’est pas très pratique.
Vous pouvez donc configurer ici un sous-domaine de second niveau fixe dans cpolar. Une fois la configuration terminée, cette URL publique ne changera plus aléatoirement à chaque fois.

Cliquez sur Réserver à gauche, puis sélectionnez Réserver un sous-domaine de second niveau. Choisissez China Top comme région, puis définissez un nom de sous-domaine de second niveau.
Dans cet exemple, le sous-domaine utilisé est capler. Vous pouvez le personnaliser selon vos besoins. Après avoir rempli les informations de remarque, cliquez sur Réserver.

Retournez ensuite à l’interface d’administration Web UI de cpolar. Cliquez sur Gestion des tunnels → Liste des tunnels dans le tableau de bord de gauche. Trouvez le tunnel que vous souhaitez configurer, puis cliquez sur Modifier à droite.
![Cette image montre la page de liste des tunnels dans l’interface d’administration Web UI de cpolar, correspondant à l’étape décrite dans le document après « retourner à l’interface d’administration Web UI de cpolar ».]
La barre latérale gauche de la page est une barre de navigation fonctionnelle, comprenant le tableau de bord, la gestion des tunnels avec des options comme la liste des tunnels et la création de tunnel, l’état ainsi que le site officiel de cpolar. À droite, la zone de liste des tunnels affiche un tunnel portant le numéro 1, nommé « capler », dont l’état est « active ». La colonne des actions contient des boutons tels que modifier, redémarrer et arrêter. Cette page permet de consulter l’état du tunnel après la configuration d’un sous-domaine fixe de deuxième niveau.](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/ecb5e619-4f88-4fdb-bd10-99aa83a54b73-1-19.png)
Ensuite, modifiez les informations du tunnel et configurez le sous-domaine de deuxième niveau réservé dans le tunnel :
- Type de domaine : choisissez un sous-domaine de deuxième niveau
- Sous-domaine : saisissez le sous-domaine de deuxième niveau réservé avec succès
- Région :
China Top
Une fois les paramètres terminés, cliquez sur Mettre à jour.

Une fois la mise à jour terminée, ouvrez à nouveau Liste des tunnels en ligne. Vous verrez que l’URL publique aléatoire d’origine est devenue une URL fixe de sous-domaine de deuxième niveau.

Enfin, ouvrez l’URL publique fixe dans le navigateur de n’importe quel appareil. Si la page s’ouvre normalement, cela signifie que l’adresse publique fixe du sous-domaine de deuxième niveau a été configurée avec succès.

Conclusion
Claper ne résout pas le problème de la mise en page des PPT. Il résout le problème de la participation pendant une présentation.
Le public peut consulter le contenu, soumettre des questions et participer à des sondages sur la même page. Le présentateur peut également voir plus rapidement les retours sur place. Cette approche est particulièrement adaptée aux cours, aux formations et aux événements de lancement qui nécessitent une communication bidirectionnelle.
Avant de l’utiliser officiellement, quelques points méritent d’être vérifiés à l’avance :
- Remplacez le mot de passe par défaut de la base de données dans
docker-compose.yml. - Utilisez la commande suivante pour générer un
SECRET_KEY_BASEindépendant. N’utilisez pas directement la valeur d’exemple de cet article.
openssl rand -hex 64
- Après avoir configuré l’URL publique, vérifiez si
ENDPOINT_HOSTdoit être remplacé par le domaine d’accès réel. Sinon, les liens d’invitation ou la communication en temps réel peuvent toujours pointer vers l’adresse IP du réseau local. - Pour l’image PostgreSQL, il est recommandé d’utiliser une version actuellement prise en charge par le projet. Il n’est pas recommandé de continuer à utiliser l’ancienne version
postgres:9pendant une longue période.
Dans l’ensemble, l’idée centrale de cette solution est claire :
Commencez par utiliser Docker pour lancer Claper. Utilisez ensuite cpolar pour mapper le port local 4000 vers Internet public. Ainsi, qu’il s’agisse d’un événement sur site ou d’une présentation à distance, le public peut participer via un navigateur.
Pour les salles de classe, les sessions de formation, les démonstrations de produits et les partages en ligne, cette approche génère davantage de retours qu’une simple diffusion de PPT, tout en facilitant la participation du public.