Openlayers項目開發完成后,需要將系統從開發環境轉移到生產環境。
開發環境下,Openlayers框架由上百個獨立的javascript程序文件組成,通過lib目錄中的Openlayers.js
動態加載,便于各個功能模塊的開發調試。
Openlayers是一個非常龐大的Web地圖客戶端應用框架,提供了很多功能模塊,通常在開發過程中不會用到全部模塊。
將系統中用到的獨立javascript程序庫組織成一個Openlayers.js文件,可以減少代碼冗余,加快加載速度,
同時也便于對代碼進行壓縮和重編碼,在一定程度上保護軟件產品。
Openlayers提供了代碼組合和壓縮工具,在build目錄下,使用Python腳本實現。運行該工具,需要安裝Python解釋器。
build文件夾中提供了三種預設的配置文件,它們是:
full.cfg 組合全部代碼
library.cfg 組合主要代碼
lite.cfg 組合最小代碼
項目配置文件建議使用library.cfg或lite.cfg為模板編寫。
配置文件中定義了四種作用不同的標簽:
[first] 最前執行的代碼文件
[last] 最后執行的代碼文件
[include] 在預設配置中加入的代碼文件列表
[exclude] 從預設配置中去除的代碼文件列表
修改[include]和[exclude]項,生成項目配置文件。
在命令提示符下,輸入python build.py mycfg my.js(如果是windows系統,請將python.exe加入系統Path路徑)
生成的my.js就是生產版本的Openlayers庫文件,將my.js部署到生產環境,測試各項功能是否運行正常。
build過程對代碼文件做了壓縮處理,壓縮率在40%左右,程序結構沒有做任何改動。
如果你想保護自己的代碼,建議使用其他工具進行二次處理,這里推薦Google的Jscompiler,Google的很多項目都使用該工具進行代碼壓縮和優化。
Google Jscompiler的使用方法:
從http://code.google.com/intl/zh-CN/closure/compiler/下載最新版本。
Google Jscompiler采用Java編寫,需要安裝Java 6.0運行時或開發包,如果沒有安裝請到Oracle網站下載。
解壓下載的zip包,生成compiler-latest目錄,其中compiler.jar是主程序,幫助包含在README中。
執行Google Jscompiler請新打開一個命令提示符窗口,輸入:
java -jar compiler.jar --help 顯示所有可選參數說明。
壓縮編碼單個javascript程序文件,請使用下面的命令:
java -jar compiler.jar --js=in.js --js_output_file=out.js
壓縮合并多個javascript程序文件,請使用下面的命令:
java -jar compiler.jar --js=in1.js --js=in2.js ... --js_output_file=out.js
經過Google Jscompiler處理后的Openlayers庫文件可以再減少20-30%的大小,生成的文件經過測試沒有任何問題。
Google Jscompiler會自動對代碼進行分析,自動篩選出邏輯上不可能到達的代碼,給出提示。
Google Jscompiler會對代碼邏輯流程重新組合和優化,提高瀏覽器上的執行效率。
經過Google Jscompiler重新編碼后,Web客戶端的運行速度有明顯提升。
posted on 2010-08-04 14:44
天狼 閱讀(3498)
評論(1) 編輯 收藏