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

內容

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

學習目標

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

前置準備作業


設定 AWS Ubuntu VM 連接埠

Step 1. 登入到 AWS


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

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

    -----2019-12-06---10.20.50

  • 點選 Run Instances

    -----2019-12-06---11.35.13

  • 點選所要設定的 VM

    • 查看下方的 Security groups 中的值

    -----2019-12-06---12.54.33

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

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

    -----2019-12-06---1.03.11

    • 設定 7681 埠號
      • 點選 Add Rule

        -----2019-12-06---1.07.13

      • Port Range 設為 7681

      • Source 設為 0.0.0.0/0

      • 點選 Save

        -----2019-12-10---9.26.42


安裝 ttyd

Step 1. 登入到 AWS VM

-----2019-12-09---7.20.23


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

    -----2019-12-10---10.16.43


Step 4. 啟動 Web Terminal

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

    ttyd -p 7681 bash
    
    • 開啟瀏覽器
      • 網址如下

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

        -----2019-12-10---10.18.48

  • 設定為需 Login 才可使用

    • 設定登入帳號

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

        sudo adduser mosconi
        

        -----2019-12-09---7.27.53

        -----2019-12-09---7.28.40

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

    sudo ttyd -p 7681 login
    
    • 開啟瀏覽器
      • 網址如下

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

        -----2019-12-10---10.19.56


開啟後自動啟動 ttyd

  • 輸入以下指令進行設定

    sudo vim /etc/rc.local
    
  • 開啟 rc.local 檔案後畫面

    -----2019-12-02---3.24.13

  • 進入編輯模式

    輸入 i
    

    -----2019-12-02---3.26.48

  • 輸入啟動指令

    ttyd -p 7681 bash
    

    -----2019-12-04---10.27.19

  • 存檔離開

    • 進入到指令模式

      按 esc 鍵
      
    • 存檔並離開

      :wq!
      

      -----2019-12-04---10.27.56

    • 查看設定狀態

      sudo systemctl status rc-local.service
      

      -----2019-12-10---10.26.26


Reference
GitHub
List of blogs
Archer

Archer

Having being a software engineer. Experience with Python, JavaScript, Node.js, Objective-C, Micro:bit, Raspberry Pi, AWS, Azure, IoT. ❆ [email protected] https://oranwind.org/author/archer/

Read More