네오위즈게임즈 박진호 easylogic@neowiz.com

PLINK 개발환경 접속가이드

무한반복

개발환경

alpha

beta

real

개발자/QA

127.0.0.1 localhost

Hosts 파일 수정?

127.0.0.1 www.pmang.com # 하나 정도쯤

……

127.0.0.1 www.pmang.com # 두 개

127.0.0.1 www.pmang.com # 세 개 넘어가면?

……

127.0.0.1 www.pmang.com # 70개? 응?

Browser는 바보?

<img src=“http://file.pmang.com/test.jpg“/>

잠깐! 이미지 링크 주소가 alpha?

URL 은 못 바꾸나요?

<img src=“http://alpha.file.pmang.com/test.jpg“/>

네오위즈는 어떻게 했을까?

URL 기반 dev.test.com/~id/service

개발자 개발자

개발자

서버

호스트 기반 xxxxx.test.com

서버

도메인

두 가지 개발환경을 접속할려면?

URL

Virtual Site

HOST

Say Host

www.pmang.com dev.pmang.com/~개발자/root

Proxy를 통해 url 을 변경하는 개념

브라우저 VirtualSite(프록시) 서버

Virtual Site

Hosts 파일 수정

SayHost

브라우저 Hosts 서버

Say Host

VirtualSite SayHost

브라우저 재시작 필요

Http Proxy URL을 도메인처럼 사용

Hosts 파일 관리

브라우저 성능 저하 반복되는 다운현상

비교

그렇게 6년이 흐르고

아참? 우리는 이것도 있었지.

브라우저

모니터링

VirtualSite(프록시) 서버

SayHost

Fiddler 좋아요!

1년 전 하나의 메일이 왔다.

3가지 툴의 통합

SayHost VirtualSite

VSFiddler

VSFiddler

Fiddler Addon

URL 변환과 Hosts 변환 기능 통합

기존의 정책파일 호환

브라우저 새로고침이 필요 없음

빠른 속도와 안전성 확보

What is Fiddler? Fiddler is a Web Debugging Proxy which logs all HTTP(S) traffic between your computer and the Internet. ……….. Fiddler includes a powerful event-based scripting subsystem, and can be extended using any .NET language.

Web Debugging Proxy

can be extended using any .NET language.

3줄의 핵심코드

oSession.bypassGateway = true; oSession["x-overrideHost"] = "128.123.133.123";

oSession.url = "dev.example.com/workinprogress.js";

Hosts 파일 시뮬레이션

동적 url 변경

참고 : http://fiddler2.com/Fiddler/dev/ScriptSamples.asp

몇 가지 문제점들

비개발자들은 Fiddler를 모른다.

Hosts 파일 수정 불가

대용량 파일 다운로드시 다운

URL 변환시 HTTPS 에서 로그인 불가

툴 통합 대책 회의

회사에 필요한 것은 무엇인가?

비 개발자들도 사용 가능한 툴

VirtualSite, SayHost 정책파일 통합

웹을 통한 정책 관리

1년 후

Pmang Linked.

PLink 개발환경 접속 에이전트

규칙

타입 Before After

URL fifaonline.pmang.com test.pmang.com/root/fifaonline/

REAL Hosts 수정

fifaonline.pmang.com fifaonline.test.pmang.com

Pattern /javascript/jquery.min.js /javascript/jquery.js

HOST fifaonline.pmang.com www.neowiz.com

Reverse Proxy

원격 프록시 서버

참고 : http://fiddler2.com/fiddler/help/hookup.asp

좀 더 편한 개발을 위해

Remote Control http://api.plink/view

잠깐?!

스마트폰에서 프록시 설정이?

모바일 웹 PLink 로 접속

1. 아파치가 필요 없다. 2. 도메인이 무한대다. 3. 로컬에 있는 이미지를 서버에 있는 것처럼 테스트 할 수 있다. 4. Ajax 테스트 할 때도 유용하다.

Static File Server

Example

http://thisistestsite.neowiz/

예제 다운로드 : https://github.com/easylogic/bootstrap-writer

오픈소스

http://github.com/neowizgames/plink

참고

http://www.fiddler2.com/ - Fiddler2

http://fiddler2.com/fiddler/help/faq.asp - Fiddler FAQ

http://fiddler2.com/Fiddler2/help/AutoResponder.asp - URL 변환

http://fiddler.wikidot.com/fiddlercore - FiddlerCore

Q & A

THANK YOU