Draw.io (formerly Diagramly) is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files. The software allows you to choose from an automatic layout function, or create a custom layout. They have a large selection of shapes and hundreds of visual elements to make your diagram or chart one-of-a-kind. In this step by step guide I will show you how to install Draw.io on your UGREEN NAS using Docker & Portainer.

💡Note: This guide works perfectly with the latest Draw.io v.24.7.17 release.

• 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 UGREEN NAS, skip this STEP. Attention: Make sure you have installed the latest Portainer version.

• STEP 3

Add Read & Write Permissions to the Docker Folder. If you have already added the Read and Write Permissions to the Docker Folder, skip this STEP.

• STEP 4

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 5

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

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

version: "3.9"
services:
  drawio:
    container_name: Draw.io
    image: jgraph/drawio
    healthcheck:
     test: curl -f http://localhost:8080/ || exit 1
    mem_limit: 4g
    cpu_shares: 768
    security_opt:
      - no-new-privileges:true
    restart: on-failure:5
    ports:
      - 5022:8080

• STEP 6

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 7

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

• STEP 8

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

• STEP 9

The installation process can take up to a few seconds/minutes. It will depend on your Internet speed connection. Now open your browser and type in http://ugreennas-ip-address:5022 Click Device to save your diagrams. Follow the instructions in the images below.

• STEP 10

Click Create a New Diagram or Open an Existing Diagram. Follow the instructions in the image below.

• STEP 11

Choose your favorite diagram from the list, then click Create. follow the instructions in the image below.

• STEP 12

Your Diagram at a glance!

Enjoy Draw.io on your UGREEN NAS!

This post was updated on Wednesday / October 2nd, 2024 at 12:42 PM