자주묻는질문

Q. API 비동기통신(ajax)을 해서 페이지 전환이 없을 때는 어떻게 적용해야 합니까?
A.

비동기통신을 하는 부분 전체를 NetFunnel_Action 함수로 감싸고

함수 안쪽에 콜백 부분을 NetFunnel_Complete 함수로 감싸면 됩니다.

Q. API 넷퍼넬을 정상적으로 적용한 것인지 확인하고 싶습니다.
A.

방법1. (tool을 통한 확인, browser 개발자도구-네트워크tab)

넷퍼넬 모니터링 접속 후 적용한 Action의 funnel 차트의 물방울이 위에서 부터 아래까지 떨어지는지 확인해 보시면 됩니다.
브라우저의 개발자 도구를 이용하거나 fiddler/httpwatch 등의 패킷캡쳐 툴을 이용하여 넷퍼넬로 보내는 요청 및 응답을 확인 하시면 됩니다.
넷퍼넬 프로세스는 발급과 완료가 한쌍으로 이루어집니다. 발급이 이루어 지고 난뒤 완료가 나와야 합니다.
 

ex)

발급요청 http://[넷퍼넬도메인]:[port]/opcode=5101~~

완료요청 http://[넷퍼넬도메인]:[port]/opcode=5004~~

 

방법2. (Debug모드를 통한 확인)

서비스 관리 페이지의 Action 설정에서 Debug mode를 이용하거나 진입허용수를 1로 설정하신다음 동시에
적용 부분을 클릭(접속) 해보시면 됩니다.

 

 · 모니터링 페이지 접속 -> 서비스 관리 -> 테스트 하고자 하는 Action 설정 변경 -> 디버그 모드에 체크 -> 디버그 모드 시간 조절
위와 같이 디버그 모드를 사용하도록 설정하면 설정한 시간 만큼 대기창이 표시됩니다.

 

정상적으로 정해진 시간만큼 대기하는지와 대기중 브라우저 Block여부를 확인하세요.
대기가 끝나고 정해진 Logic를 수행한 뒤 넷퍼넬로 완료요청을 보낸다면 정상적으로 적용이 된 것입니다.
(완료요청은 Funnel Chart에서 물방울이 마지막까지 내려오면서 처리시간이 표시되는지 확인하시면 됩니다.)

Q. API https 통신을 하기 위해서 netfunnel.js의 proto와 port를 https/443으로 바꿨는데 정상 동작하지 않습니다.
A.

넷퍼넬 통신을 https로 사용하고 싶으시다면 서버에서 설정을 변경해야 합니다.
넷퍼넬 IP와 연결된 넷퍼넬용 도메인을 만드신 후 SSL인증서를 준비 후

넷퍼넬 담당 영업분께 요청하시면 됩니다.

Q. API https 페이지에 넷퍼넬을 적용하면 혼합컨텐츠 오류가 발생합니다.
A.

https 페이지에서 http 통신을 할 경우 혼합컨텐츠 오류가 발생하여 통신이 차단됩니다.
넷퍼넬 서버에 https를 사용할 수 있도록 도메인 및 인증서 작업이 필요하며,
넷퍼넬 라이브러리(netfunnel.js)의 host/proto/port를 맞춰서 변경해야 합니다.
(http통신과 같이 사용할 경우 적용부분에 해당 옵션을 overriding 하면 됩니다.)

도메인/인증서 작업은 넷퍼넬 담당 영업분께 요청하시기 바랍니다.

Q. API 대기창이 작게 나와서 글자가 짤리는 문제가 있습니다.
A.

IE7 이하의 환경에서 대기창 높이가 적용되지 않기 때문에 생기는 문제 입니다.
아래와 같이 netfunnel.js에 있는 대기창 설정에서 글자가 가려지는 부분에 line-height를 적용하세요.
<div style="text-align:left;font-size:8pt;color:#4d4b4c;padding:3px;height:10px;line-height:10px;">서비스로 자동 접속 됩니다.</div>\
※ 글자가 가려지는 부분에 전부 적용하세요.

 

Q. API 대기창의 글자가 깨지는 현상이 발생됩니다.
A.

넷퍼넬 라이브러리는 UTF-8로 인코딩 되어 있습니다.
1. netfunnel.js 파일 호출부분의 charset을 확인해 주세요.
   <script type="text/javascript" src="js/netfunnel.js" charset="UTF-8"></script>
2. 만약 charset이 명시가 되어 있다면 사용하시는 에디터의 파일 인코딩 저장 방식을 확인해 주세요.

 

Q. API 대기창을 바꾸고 싶습니다.
A.

대기창은 원하는 디자인으로 자유롭게 변경하실 수 있습니다.

 

사용자 가이드의 Skin 페이지(링크)를 참조하세요.