高性能WEB开发 - HTTP服务器篇
高性能WEB開發(fā) - HTTP服務(wù)器篇
新產(chǎn)品為了效果，做的比較炫，用了很多的圖片和JS，所以前端的性能是很大的問(wèn)題，分篇記錄前端性能優(yōu)化的一些小經(jīng)驗(yàn)。第一篇：HTTP服務(wù)器
?? ?因tomcat處理靜態(tài)資源的速度比較慢，所以首先想到的就是把所有靜態(tài)資源(JS,CSS,image,swf)
提到單獨(dú)的服務(wù)器，用更加快速的HTTP服務(wù)器，這里選擇了nginx了，nginx相比apache，更加輕量級(jí)，
配置更加簡(jiǎn)單，而且nginx不僅僅是高性能的HTTP服務(wù)器，還是高性能的反向代理服務(wù)器。
?? ?目前很多大型網(wǎng)站都使用了nginx,新浪、網(wǎng)易、QQ等都使用了nginx，說(shuō)明nginx的穩(wěn)定性和性能還是非常不錯(cuò)的。
?1. nginx 安裝(linux)
?? ?http://nginx.org/en/download.html 下載最新穩(wěn)定版本
?? ?根據(jù)自己需要的功能先下載對(duì)應(yīng)模板，這里下載了下面幾個(gè)模塊：
?? ?openssl-0.9.8l，zlib-1.2.3，pcre-8.00
?? ?編譯安裝nginx:
./configure?
--without-http_rewrite_module?
--with-http_ssl_module?
--with-openssl=http://www.cnblogs.com/lib/openssl-0.9.8l?
--with-zlib=http://www.cnblogs.com/lib/zlib-1.2.3?
--with-pcre=http://www.cnblogs.com/lib/pcre-8.00
--prefix=/usr/local/nginx
make
make install ?
??2、nginx處理靜態(tài)資源的配置
?? ? #啟動(dòng)GZIP壓縮CSS和JS
?? ? gzip ?on;
?? ? # 壓縮級(jí)別 1-9,默認(rèn)是1，級(jí)別越高壓縮率越大，當(dāng)然壓縮時(shí)間也就越長(zhǎng)
?? ? gzip_comp_level 4; ? ? ? ??
?? ? # 壓縮類型
?? ? gzip_types text/css application/x-javascript;
?? ? # 定義靜態(tài)資源訪問(wèn)的服務(wù)，對(duì)應(yīng)的域名:res.abc.com
?? ? server {
?? ? ? ?listen ? ? ? 80;
?? ? ? ?server_name ?res.abc.com;
# 開啟服務(wù)器讀取文件的緩存，
open_file_cache max=200 inactive=2h;
open_file_cache_valid 3h;
open_file_cache_errors off;
?? ? ? ?charset utf-8;
?? ??# 判斷如果是圖片或swf，客戶端緩存5天
location ~* ^.+.(ico|gif|bmp|jpg|jpeg|png|swf)$ {
?? root ? /usr/local/resource/;
? ?access_log off;
?? index ?index.html index.htm;
? ?expires 5d;
?? ? ? ?}
# 因JS,CSS改動(dòng)比較頻繁，客戶端緩存8小時(shí)
location ~* ^.+.(js|css)$ {
?? root ? /usr/local/resource/;
? ?access_log off;
?? index ?index.html index.htm;
? ?expires 8h;
?? ? ? ?}
# 其他靜態(tài)資源
location / {
? ?root ? /usr/local/resource;
? ?access_log off;
? ?expires 8h;
}
?? ?}
?? ?3、nginx 反向代理設(shè)置
?? ?# 反向代理服務(wù)，綁定域名www.abc.com
?? ?server {
listen ? ? ? 80;
server_name ?www.abc.com;
charset utf-8;
# BBS使用Discuz!?
# 因反向代理為了提高性能，一部分http頭部信息不會(huì)轉(zhuǎn)發(fā)給后臺(tái)的服務(wù)器，
# 使用proxy_pass_header 和 proxy_set_header 把有需要的http頭部信息轉(zhuǎn)發(fā)給后臺(tái)服務(wù)器
location ^~ /bbs/ {
? ?root ? html;
? ?access_log off;
? ?index index.php;
?? # 轉(zhuǎn)發(fā)host的信息，如果不設(shè)置host,在后臺(tái)使用request.getServerName()取到的域名不是www.abc.com，而是127.0.0.1
? ?proxy_set_header Host $host;
? ?# 因Discuz! 為了安全，需要獲取客戶端User-Agent來(lái)判斷每次POST數(shù)據(jù)是否跟第一次請(qǐng)求來(lái)自同1個(gè)瀏覽器，
? ?# 如果不轉(zhuǎn)發(fā)User-Agent,Discuz! 提交數(shù)據(jù)就會(huì)報(bào)"您的請(qǐng)求來(lái)路不正確，無(wú)法提交"的錯(cuò)誤
? ?proxy_pass_header User-Agent;
? ?proxy_pass http://127.0.0.1:8081;
}
# 其他請(qǐng)求轉(zhuǎn)發(fā)給tomcat
location / {
? ?root ? html;
? ?access_log off;
? ?index index.jsp;
? ?proxy_pass http://127.0.0.1:8080;
}
error_page ? 500 502 503 504 ?/50x.html;
?? ? ? ?location = /50x.html {
?? ? ? ? ? ?root ? html;
?? ? ? ?}
?? ?}
nginx詳細(xì)配置參考：http://wiki.nginx.org/
PS：如果安裝提示GCC not found，運(yùn)行下面命令安裝就可以(apt-get install build-essential)，僅限debian
轉(zhuǎn)載于:https://www.cnblogs.com/xly1208/archive/2011/10/14/2212691.html
總結(jié)
以上是生活随笔為你收集整理的高性能WEB开发 - HTTP服务器篇的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Deverpress 中国代理商使用
- 下一篇： js中的offset函数和positio