<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: zyyzyykk</title>
    <description>The latest articles on DEV Community by zyyzyykk (@zyyzyykk).</description>
    <link>https://dev.to/zyyzyykk</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2634600%2F5056e8c2-41f6-43f6-8319-c29ff242b563.png</url>
      <title>DEV Community: zyyzyykk</title>
      <link>https://dev.to/zyyzyykk</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zyyzyykk"/>
    <language>en</language>
    <item>
      <title>kkTerminal —— A terminal for Web SSH connection</title>
      <dc:creator>zyyzyykk</dc:creator>
      <pubDate>Mon, 30 Dec 2024 16:56:11 +0000</pubDate>
      <link>https://dev.to/zyyzyykk/kkterminal-a-terminal-for-web-ssh-connection-3c65</link>
      <guid>https://dev.to/zyyzyykk/kkterminal-a-terminal-for-web-ssh-connection-3c65</guid>
      <description>&lt;h1&gt;
  
  
  kkTerminal
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;p&gt;kkTerminal, a terminal for Web SSH connection&lt;/p&gt;

&lt;p&gt;Author: &lt;a href="https://github.com/zyyzyykk/" rel="noopener noreferrer"&gt;zyyzyykk&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Source Code: &lt;a href="https://github.com/zyyzyykk/kkTerminal" rel="noopener noreferrer"&gt;https://github.com/zyyzyykk/kkTerminal&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Docker Hub Address: &lt;a href="https://hub.docker.com/repository/docker/zyyzyykk/kkterminal/general" rel="noopener noreferrer"&gt;https://hub.docker.com/repository/docker/zyyzyykk/kkterminal/general&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Preview: &lt;a href="http://ssh.kkbpro.com/" rel="noopener noreferrer"&gt;http://ssh.kkbpro.com/&lt;/a&gt;   (For domestic servers)  or  &lt;a href="http://ssh.kkbapps.com/" rel="noopener noreferrer"&gt;http://ssh.kkbapps.com/&lt;/a&gt; (For foreign servers)&lt;/p&gt;

&lt;p&gt;Update Time: 2024-12-24&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  ⚡ Quick integration
&lt;/h3&gt;

&lt;p&gt;Using the &lt;code&gt;iframe&lt;/code&gt; tag in HTML web pages to quick integration:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;iframe&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"http://ssh.kkbpro.com/"&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;"400px"&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;"600px"&lt;/span&gt; &lt;span class="nt"&gt;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  🐳 Deploy with Docker
&lt;/h3&gt;

&lt;p&gt;1.Pull image:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;docker pull zyyzyykk/kkterminal
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;2.Create and run a container for port mapping: &lt;code&gt;-p port:3000&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;docker run &lt;span class="nt"&gt;-d&lt;/span&gt; &lt;span class="nt"&gt;--name&lt;/span&gt; kkterminal &lt;span class="nt"&gt;-p&lt;/span&gt; 3000:3000 zyyzyykk/kkterminal
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;3.Mount data volume: &lt;code&gt;-v path:/data&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;docker run &lt;span class="nt"&gt;-d&lt;/span&gt; &lt;span class="nt"&gt;--name&lt;/span&gt; kkterminal &lt;span class="nt"&gt;-p&lt;/span&gt; 3000:3000 &lt;span class="nt"&gt;-v&lt;/span&gt; /data:/data zyyzyykk/kkterminal
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;4.Custom art word: &lt;code&gt;-e TITLE="ArtWord"&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;docker run &lt;span class="nt"&gt;-d&lt;/span&gt; &lt;span class="nt"&gt;--name&lt;/span&gt; kkterminal &lt;span class="nt"&gt;-p&lt;/span&gt; 3000:3000 &lt;span class="nt"&gt;-e&lt;/span&gt; &lt;span class="nv"&gt;TITLE&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"kkbpro"&lt;/span&gt; zyyzyykk/kkterminal
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;5.Accessing in browser: &lt;code&gt;http://server-ip:3000/&lt;/code&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  💡 Function Description
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;kkTerminal is a terminal for Web SSH connection. Click on the terminal icon in the upper-left corner and select the connection settings to establish an SSH connection&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support the use of &lt;code&gt;iframe&lt;/code&gt; tags in web pages for quick integration into third-party websites&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support internationalization and language switching between Chinese and English&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support local PC deployment, automatically opens browser window upon startup&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support adaptive window size and Chinese input&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support custom preference settings, allowing users to choose the background/foreground color, font size, cursor display style and enable TCode for the terminal&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support restart: It will automatically restart after modifying SSH connection settings or custom preference settings, or can be manually restarted after SSH connection is disconnected&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support copy and paste:&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Copy: Same as &lt;code&gt;Git&lt;/code&gt; terminal, selecting text will automatically copy it&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Paste: Same as &lt;code&gt;Cmd&lt;/code&gt; terminal, right-click to paste (requires browser access permission)&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Support file management, open the File Management Module to view, decompress, upload and download files/folders&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support shortcut key operations such as multiple/all file selection, copy and paste, cut, selection switch, open&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support file browsing and editing, modify the file and save it to a remote server using &lt;code&gt;ctrl+s&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Support &lt;a href="//./doc/en_US/TCODE.md"&gt;TCode (Terminal Code)&lt;/a&gt;，which can achieve automated Workflow similar to Shell scripts through Customized TCode&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  👨‍💻 Update Records
&lt;/h3&gt;

&lt;h5&gt;
  
  
  zyyzyykk/kkterminal:3.4.5: latest
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;Add file permission editing function&lt;/li&gt;
&lt;li&gt;Fix folder input upload bug caused by changing dir during upload&lt;/li&gt;
&lt;li&gt;Optimize page display&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  zyyzyykk/kkterminal:3.4.2:
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;Implement internationalization and support language switching between Chinese and English&lt;/li&gt;
&lt;li&gt;Refactored some logic of code&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  zyyzyykk/kkterminal:3.4.0:
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;Add SSH Option and custom TCode deletion function&lt;/li&gt;
&lt;li&gt;Fixed folder pasting failure bug in File Module&lt;/li&gt;
&lt;li&gt;Optimized network resources and page display&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🧬 Architecture
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;+---------+     http      +-------------+    ssh     +---------------+
| browser | &lt;span class="nt"&gt;&amp;lt;&lt;/span&gt;&lt;span class="err"&gt;===========&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt; | kk Terminal | &lt;span class="nt"&gt;&amp;lt;&lt;/span&gt;&lt;span class="err"&gt;========&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt; | remote server |
+---------+   websocket   +-------------+    sftp    +---------------+
Vue + Xterm              SpringBoot + SSHJ                Linux OS    
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  🏘️ About this project
&lt;/h3&gt;

&lt;p&gt;Author: &lt;a href="https://github.com/zyyzyykk/" rel="noopener noreferrer"&gt;zyyzyykk&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Welcome to provide valuable opinions or suggestions on this project, and you can also join us in maintaining and developing this project together&lt;/p&gt;

&lt;h3&gt;
  
  
  🌟 Stars
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://starchart.cc/zyyzyykk/kkTerminal" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fstarchart.cc%2Fzyyzyykk%2FkkTerminal.svg%3Fvariant%3Dadaptive" alt="Stars" width="1024" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ssh</category>
      <category>sftp</category>
      <category>terminal</category>
      <category>shell</category>
    </item>
  </channel>
</rss>
