AWS_Linux30- 上傳網頁到Tomcat站台

大家好,我是阿斌 這一個影片是接續上一個影片 我們要測試如何上傳網頁到 Tomcat 的站臺 上一個影片我們已經架好 Tomcat 的網站 請先下載影片資源中的講義 邊看講義邊操作 接著我們要在地端建立 index.jsp 的首頁 上傳到雲端 NINIS 的虛擬機 這一個檔案主要是這一行 把 Hello World .jsp test 秀在螢幕上 好,那我們開始實作 我們在檔案總管 用 Notepad 建一個文字檔 打開這個文字檔 打開講義 複製 index.jsp 網頁的內容 貼到文字檔 叉叉 儲存 檔名改成 index.jsp 是 接著我想要使用上次安裝的 Fileera 來上傳地端做好的網頁 到雲端虛擬機 我們打開 Fileera 之後 主機這裡的 IP 我們要填入 雲端這臺虛擬機 它的 Public IP 接著使用者名稱 因為我們上次有開放 Root 可以登入 所以帳號我們就填 Root 密碼就是當初設定 Root 這個帳號的密碼 我當初的密碼是設小寫的 Password 最後連接埠我們使用 22Port SSH 來連 它的傳輸是加密的 都設好了我們就點右邊的快速連線 點入 我點確認 點入 假如有連線成功 這裡就可以看到它已經連入 雲端虛擬機 Root 的 Home Directory 接著我們要把資料夾 切換到 Tomcat 站臺網頁的資料夾 好 我點兩點上一層 往下拉 我找到 USR 裡面 Local 點兩下 往下拉 Tomcat 點兩下 點 Web App 網頁就是放在 Root 這個資料夾裡面 點兩下 裡面我們可以看到有一個 index.jsp 這個就是TAMU貓預設的首頁 好 那我在 index.jsp 按滑鼠右鍵 點重新命名 我把檔名改成 index2.jsp Enter 等一下我們要把剛才地端做好的 index.jsp 上傳到雲端這臺虛擬機 左邊這邊就是我們地端硬碟的資料夾 我先找到剛才做好網頁存放的資料夾 稀草Test 找到剛才使用 Notepad 做好的 index.jsp 我按住滑鼠左鍵 往右拖拉放 這樣子就把地端的 index.jsp 上傳到雲端虛擬機 好 那最後我們使用瀏覽器來測試 我們之前連錄的這個站臺是 Tomcat 10 TAMU貓的網頁 我按鍵盤 F 重新整理 F 最後就可以成功看到我們做好新上傳的網頁 JSP Test 我這邊還想再做一個示範 假如有用 Eclipse 這個 IDE 在開發 Java web 的專案 它就可以把這個 web 的專案 匯出成一個 .war 的壓縮檔 那我們就可以把 .war 的壓縮檔上傳到 Tomcat 的站臺 它就會自動解開整包的網頁檔 假如有想要做這個練習 請先下載影片資源中 root.war 這個檔案 接著在 FileZilla 連入雲端虛擬機後 我們要把路徑切換到 Tomcat 10 web app 中 好,那我點兩點回到上一層 在 web app 這個資料夾中 root 的資料夾就是存放網頁的主目錄 那我們地端 Eclipse 專案匯出的檔名 也記得要取名為大寫的 root.war 為什麼一定要叫大寫的 root 假設我先把它改名為 ttt.war Enter 等一下我上傳 ttt.war 到雲端 那它就會在 web app 資料夾下建一個 ttt 的子目錄 再把整個專案的網頁放到 ttt 這個子目錄 好,那我們來實驗看看 我點住 ttt.war 往右拖拉放 我們等十秒鐘 好,那我在空白的地方點滑鼠右鍵 點重新整理 那我們就會看到多了一個 ttt 的資料夾 點兩下點入 它會順便把整個專案的網頁解開 放在 ttt 的資料夾中 但是我們真正網頁的主目錄是大寫的 root 啊 我們的網頁是要放在 root 這個資料夾下面啊 所以我們這一個 ttt 就要改成大寫的 root R-O-O-T 一定要大寫 Enter 那右邊我們點兩點回到上一層 回到 webapp 的資料夾中 好,那我們先把 ttt.war.delete 刪除 是 最後我們再把地端的 root.war 上傳拖拉到右邊雲端虛擬機放 因為它的黨名是 root 它就會把整包的網頁解到 root 的資料夾 好,那我們點入 root 的資料夾 你說老師不對啊 之前的 index 2 怎麼還在裡面呢? 好,那我們按滑鼠右鍵 我們重新整理 我點重新整理 新的畫面才會秀在螢幕上 那這裡就是我們 Eclipse 專案會出的網頁 好,那我們最後打開瀏覽器 看新專案的網頁有沒有出來 我按鍵盤 F5 重新整理 F5 這裡就可以成功看到新上傳 root.war 新專案的網頁 222.jsp 最後我想測試在 Tomcat 的站臺上傳靜態網頁 可以正常瀏覽靜態網頁 好,那我在 Word 中打幾個字 存一張圖片 好,那我把它存成靜態網頁檔 我點檔案 另存新檔 點瀏覽 好,那我存在西朝 Test 我建一個 D1 的資料夾 D1 點入 D1 的資料夾 我要存成網頁檔 所以下方點入 選網頁 HTM 點入 檔名我要存成 index.index 最後點右下角儲存 存好了點右上角叉叉關閉 接著在 FileZilla 中 我們連入 Tomcat's Web App Root 網頁的資料夾 在左邊我找到西朝 Test D1 的資料夾 點入 把我剛才做好的 index.htm 包含 index.file 資料夾 點滑鼠左鍵往右拖拉 放 上傳到雲端虛擬機 你可能會想 在雲端虛擬機它有 index.jsp 也有 index.htm 兩個檔案都是 index 它會優先執行哪一個 沒有關係 我們用瀏覽器來測就知道了 我們開一個新分頁 把虛擬機的 IP 貼上 好 我按 Enter 這裡就可以看到 它會優先執行 index.htm 靜態網頁 好 那假設我想要執行 index.jsp 我們只要在後面加上 斜線 index.jsp 我只要在後面加上檔名 它就會幫我執行我要的這一個檔案 好 那假設我想要優先執行 index.jsp 那我們只要這一個 htm 它的檔名不要叫 index 它就不會被優先執行 好 比如我取名叫 ttt Enter 這樣子的話 只要我後面不指定 因為只有一個 index.jsp 那它就會優先執行 index.jsp 好 我按 Enter 這裡就可以看到 它優先執行 index.jsp 那假如我想要執行 ttt.htm 我們只要在後面加上 ttt.htm 它就可以執行我們指定的 ttt 這一個檔案 好 那這個影片就先介紹到這裡 謝謝收看 下次再見