0ct0pu5
/
tutorials


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
							    <!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>Run Draw.io - Open Source Diagramming Web Application - in Docker</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta charset="UTF-8">
        <meta name="keywords" content="Browser Based,Docker Made Easy,Home Lab,Home Lab Ideas,Install Guide,Self-Hosted,Web Based,Web Based Tools,Container,Containerization,Docker,Docker Host,Docker Made Simple,Linux,Draw.io,Diagram,Draw,FOSS,Open Source,Whiteboard,Whiteboarding,Web Based Utilities,Visio Alternative,Visio,Tomcat,Docker Simplified,Docker Setup Tutorial,Docker Tutorial,Docker Installation Tutorial,Docker Container,How To,Tutorial,i12bretro">
        <meta name="author" content="i12bretro">
        <meta name="description" content="Run Draw.io - Open Source Diagramming Web Application - in Docker">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="revised" content="01/07/2023 12:23:31 PM" />
				          <link rel="icon" type="image/x-icon" href="includes/favicon.ico">
				  <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
				        <script type="text/javascript" src="includes/js/steps.js"></script>
        <link href="css/steps.css" rel="stylesheet" type="text/css" />
      </head>
      <body>
        <div id="gridContainer">
          <div class="topMargin"></div>
          <div id="listName" class="topMargin">
            <h1>Run Draw.io - Open Source Diagramming Web Application - in Docker</h1>
          </div>
          <div></div>
          <div id="content">
          <h2>What is Draw.io?</h2>

<blockquote><em>draw.io is a configurable diagramming/whiteboarding visualization application. -<a href="https://github.com/jgraph/drawio" target="_blank">https://github.com/jgraph/drawio</a></em></blockquote>

<h2>Installing Docker</h2>

<ol>
	<li>Log into the Linux based device</li>
	<li>Run the following commands in the terminal
	<div class="codeBlock"># install prerequisites<br />
	sudo apt install apt-transport-https ca-certificates curl software-properties-common gnupg-agent -y<br />
	# add docker gpg key<br />
	curl -fsSL https://download.docker.com/linux/$(awk -F&#39;=&#39; &#39;/^ID=/{ print $NF }&#39; /etc/os-release)/gpg | sudo apt-key add -<br />
	# add docker software repository<br />
	sudo add-apt-repository &quot;deb [arch=$(dpkg --print-architecture)] https://download.docker.com/linux/$(awk -F&#39;=&#39; &#39;/^ID=/{ print $NF }&#39; /etc/os-release) $(lsb_release -cs) stable&quot;<br />
	# install docker<br />
	sudo apt install docker-ce docker-compose containerd.io -y<br />
	# enable and start docker service<br />
	sudo systemctl enable docker &amp;&amp; sudo systemctl start docker<br />
	# add the current user to the docker group<br />
	sudo usermod -aG docker $USER<br />
	# reauthenticate for the new group membership to take effect<br />
	su - $USER</div>
	</li>
</ol>

<h2>Running draw.io</h2>

<ol>
	<li>Now that Docker is installed, run the following command to run draw.io
	<div class="codeBlock"># run draw.io<br />
	docker run -d --name drawio -p 8080:8080 --restart=unless-stopped jgraph/drawio</div>
	</li>
	<li>Open a web browser and navigate to http://DNSorIP:8080<br />
	<span style="font-size:11px;">NOTE: to disable saving to cloud storage, add /?offline=1 (IE http://DNSorIP:8080/?offline=1)</span></li>
	<li>Welcome to draw.io</li>
</ol>          </div>
        </div>
      </body>
    </html>