Claper turns your presentations into an interactive, engaging and exciting experience. Claper has a two-sided mission. The first one is to help people presenting an idea or a message by giving them the opportunity to make their presentation unique and to have real-time feedback from their audience. The second one is to help each participant take their place, be an actor in the presentation, in the meeting, and to feel important and useful. In this step by step guide I will show you how to install Claper on your Synology NAS using Docker and Portainer.
Claper v2.1.0 release.
This guide works perfectly with the latestSTEP 1
Please Support My work by Making a Donation.
STEP 2
Install Portainer using my step by step guide. If you already have Portainer installed on your Synology NAS, skip this STEP. Attention: Make sure you have installed the latest Portainer version.
STEP 3
Make sure you have a synology.me Wildcard Certificate. Follow my guide to get a Wildcard Certificate. If you already have a synology.me Wildcard certificate, skip this STEP.
STEP 4
Go to Control Panel / Login Portal / Advanced Tab / click Reverse Proxy. Follow the instructions in the image below.
STEP 5
Now click the “Create” button. Follow the instructions in the image below.
STEP 6
After you click the Create button, the window below will open. Follow the instructions in the image below.
On the General area, set the Reverse Proxy Name description: type in Claper. After that, add the following instructions:
Source:
Protocol: HTTPS
Hostname: claper.yourname.synology.me
Port: 443
Check Enable HSTS
Destination:
Protocol: HTTP
Hostname: localhost
Port: 4400
STEP 7
On the Reverse Proxy Rules click the Custom Header tab. Click Create and then, from the drop-down menu, click WebSocket. After you click on WebSocket, two Header Names and two Values will be automatically added. Click Save. Follow the instructions in the image below.
STEP 8
Go to Control Panel / Network / Connectivity tab/ Check Enable HTTP/2 then click Apply. Follow the instructions in the image below.
STEP 9
Go to Control Panel / Security / Advanced tab/ Check Enable HTTP Compression then click Apply. Follow the instructions in the image below.
STEP 10
Go to File Station and open the docker folder. Inside the docker folder, create one new folder and name it claper. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.
STEP 11
Now create two new folders inside the claper folder that you created at STEP 10 and name them data and db. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.
STEP 12
Log into Portainer using your username and password. On the left sidebar in Portainer, click on Stacks then + Add stack. Follow the instructions in the image below.
STEP 13
In the Name field type in claper. Follow the instructions in the image below.
version: "3.9" services: db: image: postgres:16 container_name: Claper-DB hostname: claper-db mem_limit: 1g cpu_shares: 1024 security_opt: - no-new-privileges:true healthcheck: test: ["CMD", "pg_isready", "-q", "-d", "claper", "-U", "claperuser"] timeout: 45s interval: 10s retries: 10 volumes: - /volume1/docker/claper/db:/var/lib/postgresql/data:rw environment: POSTGRES_DB: claper POSTGRES_USER: claperuser POSTGRES_PASSWORD: claperpass restart: on-failure:5 claper: image: ghcr.io/claperco/claper:latest container_name: Claper hostname: claper mem_limit: 1g cpu_shares: 768 security_opt: - no-new-privileges:true user: 1026:100 ports: - 4400:4000 volumes: - /volume1/docker/claper/data:/app/uploads:rw environment: DATABASE_URL: postgres://claperuser:claperpass@claper-db:5432/claper SECRET_KEY_BASE: 0LZiQBLw4WvqPlz4cz8RsHJlxNiSqM9B48y4ChyJ5v1oA0L/TPIqRjQNdPZN3iEG BASE_URL: https://claper.yourname.synology.me MAX_FILE_SIZE_MB: 15 SAME_SITE_COOKIE: true SECURE_COOKIE: true ENABLE_ACCOUNT_CREATION: true restart: on-failure:5 depends_on: db: condition: service_healthy
Note: Before you paste the code above in the Web editor area below, change the value numbers for user with your own values. (Follow my step by step guide on how to do this.) 1026 is my personal UID value and 100 is my personal GID value. You have to type in your own values.
Note: Before you paste the code above in the Web editor area below, change the value for BASE_URL and type in your own synology.me DDNS with https:// at the beginning that you have previously created at STEP 6.
STEP 14
Scroll down on the page until you see a button named Deploy the stack. Click on it. Follow the instructions in the image below. The installation process can take up to a few minutes. It will depend on your Internet speed connection.
STEP 15
If everything goes right, you will see the following message at the top right of your screen: “Success Stack successfully deployed“.
STEP 16
Go back to STEP 1 or you will deal with karma 🙂
STEP 17
Now open your browser and type in your HTTPS/SSL certificate like this https://claper.yourname.synology.me that you have previously created at STEP 6. In my case it’s https://claper.mariushosting.synology.me If everything goes right, you will see the Claper Login page. At the top right of the page click Login. Follow the instructions in the image below.
STEP 18
Click Create account. Follow the instructions in the image below.
STEP 19
Type in your own Email and Password then click Create account. Follow the instructions in the image below.
STEP 20
At the top right of the page click Create. Follow the instructions in the image below.
STEP 21
Upload your own presentation in a PDF, PPT or PPTX format. Give a name to your presentation, then select the time frame when your Presentation will be available. Click Create. Follow the instructions in the image below.
STEP 22
Wait a few seconds until your presentation is ready.
STEP 23
Click Present/Customize to view your presentation and Join to join the chat. Follow the instructions in the image below.
Present Customize:
Chat:
STEP 24
If you want to disable Account creation, change the following line in the compose at STEP 13: ENABLE_ACCOUNT_CREATION: false instead of ENABLE_ACCOUNT_CREATION: true then update the stack.
Enjoy Claper!
Note: Read the Claper Full Documentation.
Note: Can I run Docker on my Synology NAS? See the supported models.
Note: How to Back Up Docker Containers on your Synology NAS.
Note: Find out how to update the Claper container with the latest image.
Note: How to Free Disk Space on Your NAS if You Run Docker.
Note: How to Schedule Start & Stop For Docker Containers.
Note: How to Activate Email Notifications.
Note: How to Add Access Control Profile on Your NAS.
Note: How to Change Docker Containers Restart Policy.
Note: How to Use Docker Containers With VPN.
Note: Convert Docker Run Into Docker Compose.
Note: How to Clean Docker.
Note: How to Clean Docker Automatically.
Note: Best Practices When Using Docker and DDNS.
Note: Some Docker Containers Need WebSocket.
Note: Find out the Best NAS Models For Docker.
Note: Activate Gmail SMTP For Docker Containers.
This post was updated on Thursday / August 29th, 2024 at 4:06 AM