【 Tools 】透過瀏覽器使用 AWS Ubuntu 終端機 ( Web Terminal )

內容

• 學習目標
• 前置準備作業
• 安裝 Web Terminal 軟體 ttyd
• 開機後自動啟動 ttyd

學習目標

• 以 AWS VM 為例於 Ubuntu VM 中安裝 Web Terminal 軟體 ttyd 來透過瀏覽器使用 AWS Ubuntu

前置準備作業

• 已註冊 AWS 帳號
  • https://aws.amazon.com/tw/
    • Ref 註冊 AWS 帳號
• 已開啟虛擬機器
  • 建立 Azure VM

設定 AWS Ubuntu VM 連接埠

Step 1. 登入到 AWS

• 請在瀏覽器下輸入下方網址並登入

  • https://aws.amazon.com/tw/

  

Step 2. 選取所建立的虛擬機器

• 點選上方的 服務 後，再點選 EC2

  

• 點選 Run Instances

  

• 點選所要設定的 VM

  • 查看下方的 Security groups 中的值

  

• 設定遠端桌面所需使用的埠

  • 點選左邊 Security Groups ➙ 點選所要設定的 VM ➙ 點選下方的 Inbound ➙ 點選 Edit

  

  • 設定 7681 埠號

    • 點選 Add Rule

      

    • Port Range 設為 7681

    • Source 設為 0.0.0.0/0

    • 點選 Save

      

安裝 ttyd

Step 1. 登入到 AWS VM

• macOS
  • Ref 遠端登入到 AWS VM
• Windows
  • Ref 將 AWS EC2 的 .pem 檔轉換為 .ppk 檔教學
  • Ref 遠端登入到 AWS VM

Step 2. 安裝 ttyd

• 在輸入以下指令進行安裝

  • 更新

    sudo apt-get update 

  • 安裝相依套件

    sudo apt-get install -y cmake g++ pkg-config git vim-common libwebsockets-dev libjson-c-dev libssl-dev 

  • 下載 ttyd

    git clone https://github.com/tsl0922/ttyd.git 

  • 編譯及安裝 ( 依序執行下方指令 )

    cd ttyd && mkdir build && cd build cmake .. make sudo make install 

Step 3. 取得 VM 登入 IP

• 點選左方的 Instances 後，於右邊查看 IPv4 Public IP 欄位即可得知 VM 的 IP

  

Step 4. 啟動 Web Terminal

• 設定為免 Login 即可使用，請輸入以下指令進行設定

  ttyd -p 7681 bash 

  • 開啟瀏覽器

    • 網址如下

      http://虛擬機器的公用IP位址:7681 

      

• 設定為需 Login 才可使用

  • 設定登入帳號

    • 請把下方的 mosconi 改成要登入的帳號，隨後輸入登入的密碼，其他的輸入資訊按 enter 即可

      sudo adduser mosconi 

      

      

  • 請輸入以下指令進行設定

  sudo ttyd -p 7681 login 

  • 開啟瀏覽器

    • 網址如下

      http://虛擬機器的公用IP位址:7681 

      

開啟後自動啟動 ttyd

• 輸入以下指令進行設定

  sudo vim /etc/rc.local 

• 開啟 rc.local 檔案後畫面

  

• 進入編輯模式

  輸入 i 

  

• 輸入啟動指令

  ttyd -p 7681 bash 

  

• 存檔離開

  • 進入到指令模式

    按 esc 鍵 

  • 存檔並離開

    :wq! 

    

  • 查看設定狀態

    sudo systemctl status rc-local.service 

    

Reference

• https://github.com/tsl0922/ttyd

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://oranwind.org/author/archer/
• https://learningsky.io/author/archer/