|
|
@@ -0,0 +1,83 @@
|
|
|
+ <!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 > 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 > Click Next</li>
|
|
|
+ <li>Set the port to 8000 and Service Name > Click Next</li>
|
|
|
+ <li>At the Java Virtual Machine screen, input C:\Program Files\OpenJDK > Click Next</li>
|
|
|
+ <li>Verify the install location > 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't occur automatically, try right clicking the Start button > Run > 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>
|
|
|
+
|
i12bretro