XETOWN

분수 광장

특정주제 없이 자유로운 이야기를 나눌 수 있습니다.
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
Extra Form

요즘 클라우드 플레어 비즈니스 플랜이 아닌 이상은 전부 CDG 나 LAX 등으로 연결되는듯 하더라구요

트래픽 절감을 위해 클라우드 플레어는 써야겠는데 속도는 느려서 환장할것 같고...

해결책을 찾다가 용량이 비교적 큰 첨부 이미지 파일만 클라우드플레어를 거쳐오고

HTML/JS/CSS 등은 클라우드 플레어를 안거쳐오게 처리하면 어떨까 하는 생각이 들었습니다.

 

 

원래 계획은... 본 사이트는 클라우드 플레어 경유를 풀어버리고

첨부파일만 외부 별도의 서버로 내보내고

외부 저장용 서버만 클라우드 플레어 적용을 해서 사용하려고 했는데...

이 애드온이 방치된지 오래된 탓인지...

작동을 안해서 다른 방법으로 비슷한 기능을 구현해봤습니다.

 

 

장점 :

1. 이미지 첨부파일만 클라우드 플레어 CDN을 경유하기 때문에 사이트 전체의 속도는 클라우드 플레어를 적용안한 상태로 빠르게 유지하면서 트래픽 절감을 기대할수 있다.

(본 사이트에는 클플이 안걸려있고, 첨부 이미지에만 클플이 걸려있으니 사이트는 빠르게 뜨고, 이미지 뜨는 속도만 조금 느려집니다.)

2. 서브도메인을 활용하므로 도메인을 하나 더 사야될 필요가 없다.

 

단점 : 이 방법으로 적용할경우 야매.. 스러운 방법이라 어떤 예상치 못한 문제가 발생될지 알수 없음..

아직까지는 별 문제가 발생하지는 않았습니다.

 

원리 : 첨부파일 (이미지) 등록시 본문에 삽입되는 이미지주소가 기존에는 http://도메인/files/attach/~ 형식인데

이것을 http://image.도메인/files/attach/~ 형식으로 변환하여 글등록을 해주므로 사람들이 글을 읽거나 할때에

첨부 이미지는 도메인.com (클플 미적용)이 아닌 image.도메인.com (클플 적용)을 통하여 출력된다.

 

적용법 :

1. 클라우드 플레어 에서 서브도메인을 추가한다. 이름은 자유롭게 (ex : image 등)

2. 해당 서브도메인을 사용할수 있도록 서버 혹은 호스팅에서 세팅 (서브도메인 추가)

3. /common/js/plugins/jquery.fileupload/js/ 의 main.js & main_min.js 파일을 열어서 104~108번 째을

f(result.error == 0) {
if(/\.(jpe?g|png|gif)$/i.test(result.source_filename)) {
temp_code += '<img src="' + result.download_url + '" alt="' + result.source_filename + '" editor_component="image_link" data-file-srl="' + result.file_srl + '" />';
temp_code += "\r\n<p><br></p>\r\n";
}


 

아래와 같이 변경해준다.

f(result.error == 0) {
if(/\.(jpe?g|png|gif)$/i.test(result.source_filename)) {
temp_code += '<img src="//image.도메인.com' + result.download_url + '" alt="' + result.source_filename + '" editor_component="image_link" data-file-srl="' + result.file_srl + '" />';
temp_code += "\r\n<p><br></p>\r\n";
}

 

위의 과정을 거치게 되면 이후 등록되는 게시글의 첨부이미지 경로는 모두 http://image.도메인.com 으로 시작하게 됩니다.

 

만약 새로등록하는 게시글이 아닌 이전의 글들까지도 클플을 거치게 하려면

sql 명령어로 document 의 이미지경로를 모두 위에서 만든 클플용 경로로 변경해주면 되겠습니다.

 

 

  • profile
    웹지기 2016.11.15 12:54:10
    // image. 으로 하는게 ssl 사용 미사용 모두 문제 없지 않을 까요? 애드온으로 나오면 수정없이 필요한 분들이 사용하기 쉽겠습니다. 트래픽 문제가 발생된다면 좋은 해결법이 될거 같네요.
  • profile
    프렌다 2016.11.15 12:58:58

    그렇네요... 저의 경우에는 SSL 사용중이라 https:// 으로 설정해두었는데..
    생각해보니 레이아웃에서 js등은 // 으로 불러왔으면서... 왜 저거 수정할때는 절대경로로 해두었을까요... ㅋㅋㅋ

    본문에 경로 // 으로 수정하였습니다!

  • profile
    GG 2016.11.15 14:12:51
    좋은 아이디어 같습니다.
  • ?
    마신 2016.11.15 14:19:56
    좋은 아이디어 이십니다.

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
화제의 글 자유 엑스이타운에 파티가 열렸어요 68 update 제이엔지 2016.11.30 270
화제의 글 자유 닉네임이 사라졌는데 71 제이엔지 2016.11.28 330
4211 자유 예전 글들 검색하다가 이런 글을 발견했는데요 3 기븐 2016.11.17 73
4210 이슈/토론 개발이 멈춰버린 모듈들의 이유는 뭘까요..? 8 오징 2016.11.17 137
4209 자유 생방 종료~ 4 람보 2016.11.17 42
4208 자유 캐시 이야기가 나오니.. xe-hool-fpc 생각나네요. 1 고수군 2016.11.17 60
4207 자유 글 읽기화면에 목록까지 보여주시나요? 21 웹지기 2016.11.17 84
4206 자유 XE로 만든 사이트 같은데 이미지가 많은데 반해서 매우 빨라보이네요. 14 투데이 2016.11.17 190
4205 자유 슈퍼문 8 file 제이엔지 2016.11.16 153
4204 자유 기진곰님의 슈퍼캐시는 예술입니다. 5 투데이 2016.11.16 177
4203 자유 윈도우10 업데이트때문에 12 file 제이엔지 2016.11.16 115
4202 자유 하루 10시간 컴퓨터 사용 남자 정자 99% 기형 20 구름이 2016.11.16 165
4201 자유 혹시 개인금고 사용중인분 계신가요? 2 프렌다 2016.11.16 84
4200 자유 네이버는 무슨 이득이 있어서 xe를 지원하는걸까요? 11 bowon 2016.11.15 230
4199 하소연 개발보다 더 힘든게 있다면 9 SimpleCode 2016.11.15 140
4198 자유 내일 오후 8시 라이브 시간 조정안내.. 2 람보 2016.11.15 71
4197 자유 힘을내요~ 엑스이타운~ 엑스이타운~~ 6 제이엔지 2016.11.15 82
4196 자유 힘을내요~ 슈퍼캐시~ 수퍼파월~~ 35 file 웹지기 2016.11.15 150
4195 자유 Startssl 무료인증서 사이트에 올려진 뉴스 6 file 제이엔지 2016.11.15 172
» 자유 사이트전체중 게시판 첨부이미지만 클라우드 플레어 적용하는법 (부제 : 클플사용하면서도 빠른속도) 4 프렌다 2016.11.15 82
4193 자유 매우 허술하지만, xe에서 본문 워터마크 기능을 애드온으로 완성했네요. 11 약사이다 2016.11.15 138
4192 자유 여러가지 작업의뢰도해보고 이것저것 해보면서 느낀점. 좋은 개발자란? 14 투데이 2016.11.14 103
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 217 Next
/ 217
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...