WeX5自帶頁面服務UIServer的是標准Web應用，可以部署在Java Web應用服務器上。下面介紹如何在Tomcat和WebLogic中部署WeX5的UIServer.

1、調試模式和生產模式

調試模式——在WeX5的開發工具studio中，啟動Tomcat，或者執行“啟動WeX5運行平台（調試模式）.bat”，系統運行在調試模式下，調試模式是為開發人員設計的，在修改w文件、js文件等文件后，在瀏覽器中刷新頁面即可看到修改的效果。原因是，在調試模式下，打開w文件時，系統會自動編譯該文件，從而顯示出修改后的效果。
生產模式——不在studio中啟動，在資源管理器中運行“啟動WeX5運行平台.bat”，或者直接啟動Tomcat，就是生產模式。最終部署運行時，必須使用生產模式。生產模式會使用瀏覽器緩存，打開頁面更快捷。

2、使用WeX5的Tomcat

如果你沒有部署好的Tomcat，建議直接使用WeX5帶的Tomcat。用法很簡單，將WeX5目錄直接復制到服務器上，運行“啟動WeX5運行平台.bat”即可。還可以參照下面的帖子，將Tomcat作為服務。

X5 默認帶的tomcat如何做成Windows服務
http://bbs.wex5.com/thread-39754-1-1.html
(出處: 起步軟件技術論壇)

3、使用自己部署的Tomcat

假設

WeX5——安裝在 E:\WeX5_V3.1.1
Tomcat——安裝在 F:\apache-tomcat-6.0.29

3.1、設置JAVA_HOME

如果是剛安裝好的Tomcat，沒有配置JAVA_HOME，需要先配置JAVA_HOME。如果是能正常啟動的Tomcat，跳過此步。

配置JAVA_HOME的方法是，打開F:\apache-tomcat-6.0.29\bin\startup.bat文件，增加下面的內容。

 
                 rem Set jre_home and path 
                
                 set JRE_HOME=E:\WeX5_V3.1.1\java\jre1.7 
                
                 set JAVA_HOME= 
                
                 set PATH=%JRE_HOME%\bin;%PATH%

設置JAVA_HOME后，運行F:\apache-tomcat-6.0.29\bin\startup.bat，Tomcat可以正常啟動了。

3.2、設置JUSTEP_HOME

在WeX5中開發的文件都是在model目錄下的，作為WeX5使用的模型資源。因此需要讓WeX5知道model目錄的位置，這就是JUSTEP_HOME的作用，JUSTEP_HOME應該設置為model目錄的父目錄。

設置方法：打開E:\WeX5_V3.1.1\runtime\UIServer\WEB-INF\ justep.xml，在root節點下，增加下面的內容。

 
                 < 
                 JUSTEP_HOME 
                 >E:\WeX5_V3.1.1\</ 
                 JUSTEP_HOME 
                 >

3.3、在Tomcat中部署UIServer

UIServer，你可能第一次聽到，WeX5中能在Web應用服務器中運行的Web應用是UIServer，我們在WeX5中開發出來的文件——w文件和j文件等，都是WeX5的模型資源文件，需要UIServer解釋運行。

部署UIServer的方法是，打開F:\apache-tomcat-6.0.29\conf\server.xml文件，在host節點下增加下面的內容。

 
            
             
               
               
                 < 
                 Context 
                 processTlds 
                 = 
                 "false" 
                 docBase 
                 = 
                 "E:/WeX5_V3.1.1/runtime/UIServer" 
                 path 
                 = 
                 "/x5" 
                 reloadable 
                 = 
                 "false" 
                 > 
                
 
                    
                 < 
                 Manager 
                 className 
                 = 
                 "org.apache.catalina.session.PersistentManager" 
                 saveOnRestart 
                 = 
                 "false" 
                 maxActiveSessions 
                 = 
                 "-1" 
                 minIdleSwap 
                 = 
                 "-1" 
                 maxIdleSwap 
                 = 
                 "-1" 
                 maxIdleBackup 
                 = 
                 "-1" 
                 > 
                
 
                      
                 < 
                 Store 
                 className 
                 = 
                 "org.apache.catalina.session.FileStore" 
                 directory 
                 = 
                 "seskep" 
                 /> 
                
 
                    
                 </ 
                 Manager 
                 > 
                
 
                 </ 
                 Context 
                 > 
                
 
             
 
            
          

3.4、跳轉到門戶頁

經過上面的設置，你可以將tomcat運行起來，在瀏覽器中訪問127.0.0.1:8080/x5（注意Tomcat的端口），會打開WeX5的首頁/UI2/portal/sample/index.w。如果希望輸入127.0.0.1:8080可以跳轉到127.0.0.1:8080/x5，可以將F:\apache-tomcat-6.0.29\webapps\ROOT\index.html文件改為下面的內容。

 
                 <! 
                 DOCTYPE 
                 HTML 
                
                 PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
                
                 < 
                 html 
                 > 
                
                 < 
                 head 
                 > 
                
                 < 
                 script 
                 type 
                 = 
                 "text/javascript" 
                 > 
                
                 window.location="/x5"; 
                
                 </ 
                 script 
                 > 
                
                 </ 
                 head 
                 > 
                
                 </ 
                 html 
                 >

至此，WeX5已經部署到Tomcat上了。

4、部署到WebLogic

假設

WeX5——安裝在 E:\WeX5_V3.1.1
Tomcat——安裝在 F:\apache-tomcat-6.0.29

4.1、設置JAVA_HOME

如果已經安裝好了WebLogic，請跳過此步。

在安裝WebLogic之前需要先安裝jdk，當然可以使用WeX5自帶的jre，可以設置環境變量JAVA_HOME為E:\WeX5_V3.1.1\java\jre1.7。有了jdk，就可以安裝WebLogic了，步驟可以看X5安裝部署手冊。

4.2、設置JUSTEP_HOME

方法同 3.2、設置JUSTEP_HOME

4.3、在WebLogic中部署UIServer

關於UIServer，參考 3.3、在Tomcat中部署UIServer。

在WebLogic中部署UIServer時，選擇路徑E:\WeX5_V3.1.1\runtime\UIServer即可。部署的每一步操作可以看X5安裝部署手冊。

至此，WeX5已經部署到WebLogic上了。

本文由WeX5君整理，WeX5一款開源免費的html5開發工具，H5 App開發就用WeX5!

閱讀其他app 開發相關文章：http://doc.wex5.com/?p=3443

將WeX5部署到自己的Tomcat服務器上

頁面服務UIServer布署

目錄