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.

  • STEP 1

Please Support My work by Making a Donation.

  • STEP 2

Install Docker via Synology “Package Center”.

Install Docker Synology DSM 7

  • 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

Destination:
Protocol: HTTP
Hostname: localhost
Port: 8377

Code Server Synology NAS Set up 4

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

Code Server Synology NAS Set up 5

  • 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.mariushosting.synology.me \
-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.
Note
: 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 wildcard you have chosen at STEP 7.

Code Server Synology NAS Set up 7

  • 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

  • STEP 12

After you click OK on STEP 11, select your “Install Code Server” Task then click the “Run” tab. You will be asked to run Install Code Server – click Yes. 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

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.

This post was updated on Wednesday / September 29th, 2021 at 11:31 PM