|
@@ -0,0 +1,130 @@
|
|
|
|
|
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
|
+ <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
+ <head>
|
|
|
|
|
+ <title>Control Local Docker Containers From a Web Browser with Portainer</title>
|
|
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
+ <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
|
|
|
|
+ <script type="text/javascript">
|
|
|
|
|
+ $(function(){
|
|
|
|
|
+ $('textarea').each(function(i,e){
|
|
|
|
|
+ theTextarea = $(this);
|
|
|
|
|
+ theTextarea.height((theTextarea[0].scrollHeight-5) +'px');
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $('li').each(function(i,e){
|
|
|
|
|
+ if(!$(this).hasClass('noCheckbox')){
|
|
|
|
|
+ var uuid = 'li_' + Math.floor(Math.random() * Math.floor(1000000)).toString() + '_' + i.toString();
|
|
|
|
|
+ $(this).contents().wrap('<span id="'+ uuid +'"><label for="cb_'+ uuid +'"></label></span>');
|
|
|
|
|
+ $(this).prepend('<input type="checkbox" class="completeBox" id="cb_' + uuid +'" rel="'+ uuid +'" />')
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $('code,div.codeBlock,textarea.codeBlock').each(function(i,e){
|
|
|
|
|
+ theElement = $(this);
|
|
|
|
|
+ var lines = theElement.html().split("\n");
|
|
|
|
|
+ theElement.empty();
|
|
|
|
|
+ for(l=0;l<lines.length;l++){
|
|
|
|
|
+ if($.trim(lines[l]) != '' && $.trim(lines[l]).substr(0,1) != '#' && $.trim(lines[l]).indexOf(' #') == -1 && lines[l].substr(0, 4).toUpperCase() != 'REM '){
|
|
|
|
|
+ theElement.append('<input type="image" src="images/clipboard.png" value="" class="copy-text" rel="copy_'+ i +'_'+ l +'" data-clipboard-text="'+ $.trim(lines[l].replace(/"/g, '"')) +'" /><span id="copy_'+ i +'_'+ l +'">'+ lines[l] +'</span>');
|
|
|
|
|
+ } else {
|
|
|
|
|
+ theElement.append(lines[l]);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $(document).on('click','input.copy-text',function(){
|
|
|
|
|
+ theButton = $(this);
|
|
|
|
|
+ $('input.copy-text').attr('src','images/clipboard.png');
|
|
|
|
|
+ $('span.copy-animation,span.copy-animation-ps').removeClass('copy-animation copy-animation-ps');
|
|
|
|
|
+ try {
|
|
|
|
|
+ if($('#'+ theButton.attr('rel')).parent('div').hasClass('PS')){
|
|
|
|
|
+ $('#'+ theButton.attr('rel')).addClass('copy-animation-ps');
|
|
|
|
|
+ } else if($('#'+ theButton.attr('rel')).parent('div').hasClass('CMD')){
|
|
|
|
|
+ $('#'+ theButton.attr('rel')).addClass('copy-animation-cmd');
|
|
|
|
|
+ } else {
|
|
|
|
|
+ $('#'+ theButton.attr('rel')).addClass('copy-animation');
|
|
|
|
|
+ }
|
|
|
|
|
+ navigator.clipboard.writeText(theButton.data('clipboard-text').replace(/<[^>]*>?/gm, ''));
|
|
|
|
|
+ theButton.attr('src','images/clipboard_active.png');
|
|
|
|
|
+ } catch(err) {
|
|
|
|
|
+ }
|
|
|
|
|
+ return false;
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $(document).on('click','input.completeBox',function(){
|
|
|
|
|
+ theBox = $(this);
|
|
|
|
|
+ $('#'+ theBox.attr('rel')).addClass('strikethrough');
|
|
|
|
|
+ theBox.prop('disabled',true);
|
|
|
|
|
+ theBox.parent('li').prevAll().each(function(i,e){
|
|
|
|
|
+ theLI = $(this);
|
|
|
|
|
+ if(theLI.find('input[type=checkbox]').not(':checked')){
|
|
|
|
|
+ $('#'+ theLI.find('input[type=checkbox]').attr('rel')).addClass('strikethrough');
|
|
|
|
|
+ theLI.find('input[type=checkbox]').prop('checked',true).prop('disabled',true);
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ if(window.self !== window.top){
|
|
|
|
|
+ window.parent.$('iframe.stepsFrame').height((this['scrollingElement']['scrollHeight']+20) +'px');
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ </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>Control Local Docker Containers From a Web Browser with Portainer</h1>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div></div>
|
|
|
|
|
+ <div id="content">
|
|
|
|
|
+ <h2>What is Portainer</h2>
|
|
|
|
|
+
|
|
|
|
|
+<blockquote cite="https://portainer.io"><em>Portainer is an open source tool for managing container-based software applications in Kubernetes, Docker, Docker Swarm, Azure ACI and edge environments.<br />
|
|
|
|
|
+<br />
|
|
|
|
|
+It can be used to set up and manage environments, deploy applications, monitor app performance and triage problems. It is used by software engineers, devops and infrastructure teams all over the world to simplify processes, reduce risk and streamline operations.</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/ubuntu/gpg | sudo apt-key add -<br />
|
|
|
|
|
+ # add docker software repository<br />
|
|
|
|
|
+ sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"<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 && 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 Portainer</h2>
|
|
|
|
|
+
|
|
|
|
|
+<ol>
|
|
|
|
|
+ <li>Now that Docker is installed, run the following commands to setup the Portainer Docker container and run it
|
|
|
|
|
+ <div class="codeBlock"># create working directories<br />
|
|
|
|
|
+ mkdir ~/docker/portainer -p<br />
|
|
|
|
|
+ # run the portainer docker container<br />
|
|
|
|
|
+ docker run -d -p 8000:8000 -p 9000:9000 --name=portainer --restart=always -v /var/run/docker.sock:/var/run/docker.sock -v ~/docker/portainer:/data portainer/portainer-ce</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>Once the Portainer container is downloaded and running, open a web browser and navigate to http://DNSorIP:9000</li>
|
|
|
|
|
+ <li>Set an administrator username and password > Click Create user</li>
|
|
|
|
|
+ <li>Click the Docker - Manage the local Docker environment option > Click Connect</li>
|
|
|
|
|
+ <li>Welcome to Portainer, Docker container management from a web browser</li>
|
|
|
|
|
+</ol>
|
|
|
|
|
+
|
|
|
|
|
+<p>Documentation: <a href="https://www.portainer.io/installation/" target="_blank">https://www.portainer.io/installation/</a></p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </body>
|
|
|
|
|
+ </html>
|
|
|
|
|
+
|
i12bretro