How to Install Code Server on Your Synology NAS

How to Install Code Server on Your Synology NAS

Code-server is VS Code running on a remote server, accessible through the browser. You can code on your Chromebook, tablet, and laptop with a consistent dev environment using Code Server. You can take advantage of large cloud servers to speed up tests, compilations, downloads, and more. Code Server helps you preserve battery life when you’re on the go. All intensive computation runs on your NAS server; you’re no longer running excess instances of Chrome. In this step by step guide I will show you how to install Code Server on your Synology NAS using Docker.

💡Note: This guide works perfectly with the latest Code Server v4.16.1 release.

  • STEP 1

Please Support My work by Making a Donation.

  • STEP 2

Install Container Manager via Synology “Package Center”. If you run an older DSM version (under 7.2), search for Docker instead of Container Manager.

Download Container Manager Synology Docker

  • STEP 3

Go to File Station and open the docker folder. Inside the docker folder, create one new folder and name it codeserver. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.

Code Server Synology NAS Set up 1

  • STEP 4 

Activate your synology.me Wildcard Certificate. If you already have a synology.me Wildcard certificate installed on your Synology NAS, skip this STEP.

  • STEP 5

Go to Control Panel / Login Portal / Advanced Tab / click Reverse Proxy. Follow the instructions in the image below.

Code Server Synology NAS Set up 2

  • STEP 6

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

Code Server Synology NAS Set up 3

  • STEP 7

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

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

Check Enable HSTS

Destination:
Protocol: HTTP
Hostname: localhost
Port: 8377

Code Server Synology NAS Set up 4 new

  • STEP 8

Go to Control Panel / Login Portal / select your Code Server Reverse Proxy then click the Custom Header tab. Click Create and then, from the drop-down menu, click on 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 9

Go to Control Panel / Task Scheduler / Create / Scheduled Task / User-defined script. Follow the instructions in the images below.

Code Server Synology NAS Set up 6

  • STEP 10

Once you click on User-defined script a new window will open. Follow the instructions below:

  1. General: In the Task field type in Install Code Server. Uncheck the “Enabled” option. Select root User.
  2. Schedule: Select Run on the following date then select “Do not repeat“.
  3. Task Settings: Check “Send run details by email“, add your email then copy paste the code below in the Run command area. After that click OK.
docker run -d --name=codeserver \
-p 8377:8443 \
-e PUID=1026 \
-e PGID=100 \
-e TZ=Europe/Bucharest \
-e PASSWORD=mariushosting \
-e PROXY_DOMAIN=codeserver.yourname.synology.me \
-e SUDO_PASSWORD=mariushosting \
-v /volume1/docker/codeserver:/config \
--restart always \
ghcr.io/linuxserver/code-server

Note: Before you paste the code above in the Run command area below, change the value numbers for PUID and PGID with your own values. (Follow my step by step guide on how to do this.)
Note: Before you paste the code above in the Run command area below, change the value for TZ. (Select your current Time Zone from this list).
Note: Before you paste the code above in the Run command area, change the value for PASSWORD and add your own password. mariushosting is an example of a password. You have to insert your own password.
Note: Before you paste the code above in the Run command area, change the value for PROXY_DOMAIN and add your own synology.me DDNS that you have previously created at STEP 7.
Note: Before you paste the code above in the Run command area, change the value for SUDO_PASSWORD and add your own password. mariushosting is an example for a sudo password. You have to insert your own sudo password.

Code Server Synology NAS Set up 7 new 2023

  • STEP 11

After you click OK on STEP 10 a new warning pop up window will open. Click OK.

Code Server Synology NAS Set up 8

After you click OK, type in your DSM Password then click Submit. Follow the instructions in the image below.

Synology Task Scheduler Confirm Admin Password

  • STEP 12

After you click Submit on STEP 11, select your “Install Code Server” Task then click the “Run” tab. You will be asked to run Install Code Server – click OK. Follow the instructions in the image below.

Code Server Synology NAS Set up 9

  • STEP 13

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

  • STEP 14

Now open your browser and type in your HTTPS/SSL https://codeserver.yourname.synology.me address, in my case: https://codeserver.mariushosting.synology.me
If everything goes right, you will get to the log in page. Add your own Password which you have chosen at STEP 10. Click SUBMIT. Follow the instructions in the image below.

Code Server Synology NAS Set up 10

  • STEP 15

Choose the settings that appeal to you the most then click on Next Section.

Code Server Synology NAS Set up 11

Enjoy Code Server!

Code Server Synology NAS Set up 12

🆘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 Code Server 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 Monday / September 18th, 2023 at 8:35 AM