고객안내

고객 안내

INFO

외부 API 외부 프로그램 연결 안내

  • 관리자
  • 2019-01-29 14:05:00
  • 119.65.120.141


외부프로그램 연결을 사용하면,
타 사이트에 있는 프로그램을 손쉽게 연결할 수 있습니다.



 

© domenicoloia, 출처 Unsplash




 

1. 해당 기능은 어디에 있나요?


[디자인관리 > 전문가 환경설정 > 외부프로그램 연결페이지로 들어가주세요.



 

2. 외부프로그램을 어떻게 가져와야 하죠?

먼저 우측 하단에 있는 외부 프로그램 등록 버튼을 누르면,
다음과 같이 정보를 입력하는 페이지가 나온답니다.

여기서 
고유코드제목외부 프로그램 URL 을 등록해주세요.

아참!

외부 프로그램 URL은 꼭 전체경로로 등록하셔야 정상적으로 연결이 됩니다.



전부 입력 후 저장 버튼을 누르면 다음과 같이 등록됩니다.

프로그램 URL을 보시면,
원본 URL(원본사이트의 URL 주소), 연결 URL(해당 사이트에서 사용하기 위한 URL주소) 정보를 확인할 수 있습니다.

그리고 이렇게 생성된 프로그램은 바로 아래에 있는 소스를 사용해서,
메인페이지, 세부페이지 구분 없이 원하는 페이지에 추가할 수 있습니다.


자~ 이렇게 외부프로그램이 간단하게 연결이 되었습니다.

하지만 연결된 페이지가 정상동작하려면,
실제로 해당 프로그램이 처리되는 페이지까지 함께 연결해주어야 합니다.



 

3. 외부프로그램의 처리페이지를 연결해 봅시다.

먼저 외부프로그램의 소스를 확인해서 처리되는 페이지의 주소를 확인합니다.

예시 프로그램의 소스를 보면 <form> 이 동작할 때
/shop_contents/myreg_exec.php 에서 처리하도록 작업되어 있습니다.

이 부분을 복사해서 처리페이지를 연결해보도록 합시다.


또 다시 외부 프로그램 등록 버튼을 눌러주세요.

먼저, 고유코드와 제목을 입력한 후
외부 프로그램 URL 부분에 미리 복사해둔 정보를 입력해주세요.

반드시 도메인을 포함한 전체 경로를 등록해주세요!!

전부 입력후 저장 버튼을 누르면 처리페이지도 등록이 완료가 됩니다.
 




 

4. 위에서 추가된 URL로 처리페이지의 경로를 변경합시다.

외부 프로그램이 동작할 때 솔루션에서 만들어진 페이지를 거쳐서 처리가 되려면,
외부 사이트의 <form> 소스에서 경로를 변경해주어야 합니다.

/shop_contents/myreg_exec.php 로 등록되어 있던 부분을,
조금전 등록한 외부프로그램의 
연결 URL로 변경해주세요.

/shop_etc/out_program_load.htm?out_code=exreg2


이제 외부프로그램 등록이 모두 완료되었습니다.

그럼 이번에는
이렇게 추가된 외부프로그램을 다른 페이지에서 사용할 수 있도록 추가해보도록 할께요.



 

5. 추가페이지를 하나 생성해서 연결해봅시다.

먼저,
위에서 만들어진 항목중 외부 전송폼 가져오기 의 소스를 복사합니다.



그리고 나서,
[디자인관리 > 고급 디자인 관리 > 추가 페이지 관리] 에서 페이지 새로 만들기를 클릭합니다.

기본 정보들을 입력한 후,
내용을 입력하는 부분에 방금 복사해둔 소스를 붙여넣습니다.


저장한 후,
방금 만든 페이지에 접속해봅시다.

원본사이트와 동일한 프로그램이 출력되는것을 확인할 수 있습니다.

 
원본사이트의 전송폼(좌) 과 외부프로그램으로 연결된 전송폼(우)




 

6. 그럼 실제로 어떻게 동작하는 건가요?

실제로 정보를 입력해보고,
어떻게 처리가 되는지 같이 확인해보도록 합시다.


1)
먼저 전송폼의 내용을 입력한 후 확인 버튼을 클릭합니다.



2)
'신청이 완료되었습니다.' 가 출력되는걸 보니 정상적으로 저장이 된 것 같네요.

전화번호 견적문의 원격지원