小狐狸事務所: Tomcat JSP 應用伺服器設定

2014年3月5日星期三

Tomcat JSP 應用伺服器設定

要執行 JSP 網頁程式可下載 Apache Tomcat 應用伺服器, 目前已有 8 版 (Beta), 穩定版為 7_0_52 版, 我下載的是 Core 下的 32 bits Windows zip 檔 (約 9M) :

# http://tomcat.apache.org/download-70.cgi

不需安裝解壓縮後放在硬碟中即可, 到 bin 目錄下點擊 startup.bat 即可啟動伺服器, 會開啟一個命令提示字元視窗, 伺服器執行中請勿關閉此視窗, 在停止伺服器時會自動關閉. 停止伺服器則是點擊 shutdown.bat 檔.

Tomcat 預設 port 為 8080, 只要在瀏覽器網址列輸入 http://localhost:8080 即顯示 Tomcat 預設網頁. JSP 網頁檔要放在 webapps 目錄下, 我們可以在 webapps 下建立網站目錄, 例如 helloworld. Webapps 下的 ROOT 就是 Tomcat 的預設網頁存放位置.

Tomcat 的預設 port 設定是在 conf 目錄下的 server.xml 檔案中 (約第 70 行左右) :

<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />

若要改為 80 port, 直接編輯 server.xml 檔將 8080 改為 80, 然後重新啟動 Tomcat 即可.

寫了一個 JSP 網頁 helloworld.jsp 搭配 ExtJS 來測試一下, 注意要存成 utf-8 格式 :

<%@ page contentType="text/html;charset=utf-8" %>
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ExtJS4</title>
<link rel="stylesheet" href="extjs-4.2.1/resources/css/ext-all.css">
<script type="text/javascript" src="extjs-4.2.1/ext-all.js"></script>
<script type="text/javascript" src="extjs-4.2.1/locale/ext-lang-zh_TW.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
Ext.Msg.alert("訊息","您好! Hello World!");
});
</script>
</body>
</html>

結果可以正確顯示中文, 沒遇到網上許多中文變亂碼問題, 關鍵是第一行的 page ContentType 宣告, 這是告訴 JSP 引擎要用甚麼編碼格式讀取此檔案 (第四行的 charset 是給瀏覽器看的), 當然檔案也要真的存成 UTF-8 格式才行, 兩個中任何一個沒配合就會變成亂碼了 :