0ct0pu5
/
tutorials


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

<ol>
	<li>Log into the Linux device</li>
	<li>Run the following commands in a terminal:
	<div class="codeBlock"># check for and install software updates<br />
	sudo apt update<br />
	sudo apt upgrade<br />
	# install java jdk<br />
	sudo apt install default-jdk<br />
	# create tomcat group and user<br />
	sudo mkdir /var/lib/tomcat9<br />
	sudo groupadd tomcat<br />
	sudo useradd -s /bin/false -g tomcat -d /var/lib/tomcat9 tomcat<br />
	# lookup the latest tomcat 9 release<br />
	regex=&#39;&lt;a href=&quot;v[^/]*\/&quot;&gt;v([^/]*)\/&lt;\/a&gt;&#39; &amp;&amp; response=$(curl -s https://downloads.apache.org/tomcat/tomcat-9/?C=M;O=D) &amp;&amp; [[ $response =~ $regex ]] &amp;&amp; downloadURL=&quot;${BASH_REMATCH[1]}&quot;<br />
	# download tomcat 9<br />
	curl -O https://downloads.apache.org/tomcat/tomcat-9/v$downloadURL/bin/apache-tomcat-$downloadURL.tar.gz<br />
	# extract the download<br />
	sudo tar xzvf apache-tomcat-9*tar.gz -C /var/lib/tomcat9 --strip-components=1<br />
	# set permissions<br />
	cd /var/lib/tomcat9<br />
	sudo chgrp -R tomcat /var/lib/tomcat9<br />
	sudo chmod -R g+r conf<br />
	sudo chmod g+x conf<br />
	sudo chown -R tomcat webapps/ work/ temp/ logs/<br />
	# run tomcat as a service<br />
	sudo update-java-alternatives -l<br />
	sudo nano /etc/systemd/system/tomcat.service</div>
	</li>
	<li>Paste the following configuration into tomcat.service
	<p>[Unit]<br />
	Description=Apache Tomcat<br />
	After=network.target</p>

	<p>[Service]<br />
	Type=forking</p>

	<p>Environment=JAVA_HOME=/usr/lib/jvm/java-1.11.0-openjdk-amd64<br />
	Environment=CATALINA_PID=/var/lib/tomcat9/temp/tomcat.pid<br />
	Environment=CATALINA_HOME=/var/lib/tomcat9<br />
	Environment=CATALINA_BASE=/var/lib/tomcat9<br />
	Environment=&#39;CATALINA_OPTS=-Xms512M -Xmx1024M -server -XX:+UseParallelGC&#39;<br />
	Environment=&#39;JAVA_OPTS=-Djava.awt.headless=true -Djava.security.egd=file:/dev/./urandom&#39;</p>

	<p>ExecStart=/var/lib/tomcat9/bin/startup.sh<br />
	ExecStop=/var/lib/tomcat9/bin/shutdown.sh</p>

	<p>User=tomcat<br />
	Group=tomcat<br />
	UMask=0007<br />
	RestartSec=10<br />
	Restart=always</p>

	<p>[Install]<br />
	WantedBy=multi-user.target</p>
	</li>
	<li>Continue with the following commands in terminal:
	<div class="codeBlock">sudo systemctl daemon-reload<br />
	sudo systemctl start tomcat<br />
	sudo systemctl status tomcat<br />
	sudo systemctl enable tomcat</div>
	</li>
	<li>Open a browser and navigate to http://DNSorIP:8080 to test that Tomcat is installed and running</li>
</ol>

<h2>Installing jGraph/mxGraph from draw.io</h2>

<ol>
	<li>Run the following commands in terminal:
	<div class="codeBlock"># download the draw.war file<br />
	cd ~<br />
	wget https://github.com/jgraph/drawio/releases/download/v13.8.0/draw.war<br />
	# copy draw.war to the tomcat webapps directory<br />
	sudo cp ./draw.war /var/lib/tomcat9/webapps</div>
	</li>
	<li>Back in the browser, navigate to http://DNSorIP:8080/draw</li>
	<li>Enjoy a self-hosted diagram creation studio in your web browser</li>
</ol>

<p>Source: <a href="https://github.com/jgraph/drawio" target="_blank">https://github.com/jgraph/drawio</a></p>          </div>
        </div>
      </body>
    </html>