How to Install Snapp on Your Synology NAS

How to Install Snapp on Your Synology NAS

Discover the power of Snapp, your self-hostable URL shortening service. Effortlessly shorten links and, with Snapp’s self-hosting capability, you have complete control. Create concise, shareable links on your terms with Snapp’s user-friendly platform. In this step by step guide I will show you how to install Snapp on your Synology NAS with Docker & Portainer.

💡Note: This guide works perfectly with the latest version of Snapp v0.6.2

  • STEP 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.

Snapp Synology NAS Set up 1

  • STEP 5

Now click the “Create” button. Follow the instructions in the image below.

Snapp Synology NAS Set up 2

  • 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 Snapp. After that, add the following instructions:

Source:
Protocol: HTTPS
Hostname: snapp.yourname.synology.me
Port: 443

Check Enable HSTS

Destination:
Protocol: HTTP
Hostname: localhost
Port: 6421

Snapp Synology NAS Set up 3

  • 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.

Synology Proxy WebSocket

  • STEP 8

Go to Control Panel / Network / Connectivity tab/ Check Enable HTTP/2 then click Apply. Follow the instructions in the image below.

Snapp Synology NAS Set up 4

  • STEP 9

Go to Control Panel / Security / Advanced tab/ Check Enable HTTP Compression then click Apply. Follow the instructions in the image below.

Snapp Synology NAS Set up 5

  • STEP 10

Follow my step by step guide on how to activate SMTP for your Gmail account. This step is mandatory. Note: If you don’t want to use the easiest way for SMTP with Google and you already have SMTP details from your own Mail Server, you can just skip this STEP and use your personalized email SMTP details instead.

  • STEP 11

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.

1 Synology Portainer Add Stack

  • STEP 12

In the Name field type in snapp. Follow the instructions in the image below.

Note: Copy Paste the code below in the Portainer Stacks Web editor.

version: "3.9"
services:
  snapp:
    container_name: Snapp
    image: uraniadev/snapp:latest
    mem_limit: 4g
    cpu_shares: 1024
    security_opt:
      - no-new-privileges:true
    restart: on-failure:5
    ports:
      - 6421:3000
    environment:
      ORIGIN: https://snapp.yourname.synology.me
      PUBLIC_URL: https://snapp.yourname.synology.me
      ADMIN_USERNAME: marius
      ADMIN_EMAIL: your@ownemail
      ADMIN_PASSWORD: mariushosting
      NODE_ENV: production
      ENABLE_MULTIUSER: true #or false if you want to restrict user access
      TIMEZONE: Europe/Bucharest
      SMTP_HOST: smtp.gmail.com
      SMTP_USER: Your-own-gmail-address
      SMTP_PASSWORD: Your-own-app-password
      SMTP_FROM: Your-own-gmail-address

Note: Before you paste the code above in the Web editor area below, change the value for ORIGIN and type in your own synology.me DDNS with https:// at the beginning that you have previously created at STEP 6.
Note: Before you paste the code above in the Web editor area below, change the value for PUBLIC_URL and type in your own synology.me DDNS with https:// at the beginning that you have previously created at STEP 6.
Note: Before you paste the code above in the Web editor area below, change the value for ADMIN_USERNAME and type in your own username. marius is an example for a username. You should use your own username. You will need this Username later at STEP 16.
Note: Before you paste the code above in the Web editor area below, change the value for ADMIN_EMAIL and type in your own admin email.
Note: Before you paste the code above in the Web editor area below, change the value for ADMIN_PASSWORD and type in your own password. mariushosting is an example for a password. You should use your own password. You will need this Password later at STEP 16.
Note: Before you paste the code above in the Web editor area below, change the value for TIMEZONE. (Select your current Time Zone from this list.)
Note: Before you paste the code above in the Web editor area below, change the value for SMTP_USER and type in your own Gmail address. STEP 10.
Note: Before you paste the code above in the Web editor area below, change the value for SMTP_PASSWORD and type in your own Gmail app password. STEP 10.
Note: Before you paste the code above in the Web editor area below, change the value for SMTP_FROM and type in your own Gmail address. STEP 10.

Snapp Synology NAS Set up 6 new 2024

  • STEP 13

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.

Snapp Synology NAS Set up 7 new 2024

 

  • STEP 14

If everything goes right, you will see the following message at the top right of your screen: “Success Stack successfully deployed“.

Snapp Synology NAS Set up 8

  • STEP 15

Go back to STEP 1 or you will deal with karma 🙂

  • STEP 16

Now open your browser and type in your HTTPS/SSL certificate like this https://snapp.yourname.synology.me that you have previously created at STEP 6. In my case it’s https://snapp.mariushosting.synology.me If everything goes right, you will see the Snapp start page. On the left sidebar click Login. Type in your own Username (ADMIN_USERNAME) and your own Password (ADMIN_PASSWORD) that you have previously created at STEP 12, then click Sign in. Follow the instructions in the image below.

Snapp Synology NAS Set up 8 new 2024

  • STEP 17

At the top right of the page, click Shorten an url. Follow the instructions in the image below.

Snapp Synology NAS Set up 9 new 2024

  • STEP 18

Type in your long URL that you want to shorten, then a custom short slug. Click Save. Follow the instructions in the image below.

Snapp Synology NAS Set up 10 new 2024

  • STEP 19

Your long URL is now shortened!

Snapp Synology NAS Set up 11 new 2024

  • STEP 20

From now on, if you want to restrict user registration to your Snapp instance, just change the following line at STEP 12:

ENABLE_MULTIUSER: true

with

ENABLE_MULTIUSER: false

Enjoy Snapp!

🆘TROUBLESHOOTING

If you encounter issues by using this container, make sure to check out the Common Docker issues article.

Note: Can I run Docker on my Synology NAS? See the supported models.
Note: Find out how to update the Snapp 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 Tuesday / February 20th, 2024 at 9:20 PM