0ct0pu5
/
tutorials


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
							    <!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>Host Your Own draw.io - Visio style diagram maker - On Windows</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta charset="UTF-8">
        <meta name="keywords" content="Browser Based,Home Lab,Home Lab Ideas,Install Guide,Self-Hosted,Web Based,Web Based Tools,Apache,Diagram,Draw,Draw.io,FOSS,Free Open Source Software,Free Software,Java,Open Source,Tomcat,Visio,Visio Alternative,Web Based Utilities,Whiteboard,Whiteboarding,Windows,Microsoft Windows,How To,Tutorial,i12bretro">
        <meta name="author" content="i12bretro">
        <meta name="description" content="Host Your Own draw.io - Visio style diagram maker - On Windows">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="revised" content="07/14/2024 07:40:38 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>Host Your Own draw.io - Visio style diagram maker - On Windows</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>Downloads and Pre-requisites</h2>

<ol>
	<li>Download OpenJDK <a href="https://jdk.java.net/" target="_blank">Download</a></li>
	<li>Download Apache Tomcat <a href="https://tomcat.apache.org/download-10.cgi" target="_blank">Download</a></li>
	<li>Download the latest draw.io .war file <a href="https://github.com/jgraph/drawio/releases/latest" target="_blank">Download</a></li>
	<li>Extract the OpenJDK .zip archive</li>
	<li>Copy the extracted OpenJDK files to C:\Program Files\OpenJDK</li>
	<li>Click the Start button and search Control Panel</li>
	<li>Navigate to System &gt; Advanced System Settings</li>
	<li>Click the Environment Variables button</li>
	<li>Under System Variables, click New</li>
	<li>In the Variable Name field enter JAVA_HOME</li>
	<li>In the Variable Value field enter the full path to C:\Program Files\OpenJDK</li>
	<li>Click OK to close all the open dialog windows</li>
</ol>

<h2>Installing Tomcat</h2>

<ol>
	<li>Double click the Apache Tomcat installer executable</li>
	<li>Click Next and then I Agree</li>
	<li>On the Choose Components screen, uncheck everything except Core, Service Startup and Native &gt; Click Next</li>
	<li>Set the port to 8000 and Service Name &gt; Click Next</li>
	<li>At the Java Virtual Machine screen, input C:\Program Files\OpenJDK &gt; Click Next</li>
	<li>Verify the install location &gt; Click Install</li>
	<li>After the installation completes click Finish</li>
	<li>Open a web browser and navigate to http://DNSorIP:8000</li>
	<li>An Apache Tomcat splash screen should display with the version of Tomcat that is currently running</li>
</ol>

<h2>Installing draw.io</h2>

<ol>
	<li>Copy the draw.war file downloaded earlier to the Apache Tomcat/webapps directory</li>
	<li>Within a few moments Apache Tomcat should see the .war file and extract it to a /draw sub-directory
	<ol start="1" style="list-style-type: lower-alpha;">
		<li>If this doesn&#39;t occur automatically, try right clicking the Start button &gt; Run &gt; services.msc and restarting the Apache Tomcat service</li>
	</ol>
	</li>
	<li>Once the .war file has extracted itself to a directory, open a web browser and navigate to http://DNSorIP:8000/draw</li>
</ol>

<h2>Optional Steps</h2>

<ol>
	<li>To remove the need to navigate to /draw, navigate to the Apache Tomcat/webapps directory in Explorer</li>
	<li>Delete the ROOT directory if it exists</li>
	<li>Rename the draw directory ROOT</li>
	<li>Open a web browser and navigate to http://DNS-or-IP:8000/ to reach Draw.io</li>
</ol>          </div>
        </div>
      </body>
    </html>