매뉴얼

외부 API [신규 기능업데이트] 외부 프로그램 연결하기

저희 솔루션에서는
다양한 프로그램을 직접 개발할 수 있도록 여러가지 프로그램을 제공하고 있습니다.
 
그 중 대표적인 것에는,
내가 원하는 정보를 입력받을 수 있는 맞춤전송폼과
목록형, 앨범형, 블로그형 등 다양한 형식으로 보여줄 수 있는 맞춤게시판이 있습니다.
 
그런데 만약,
이미 다른 사이트에서 개발해서 만들어 둔 프로그램을 솔루션에 적용하려면 어떻게 해야 할까요?
 
이전에는 해당 기능을 분석해서 맞춤게시판에 맞추어서 새로 작업을 하였습니다.
 
하지만 이미 완성되어 있는 프로그램을 솔루션에 맞게 재작업하는 것은
불필요한 시간과 비용의 낭비를 가져오게 됩니다.
 
그래서, 외부의 프로그램을 솔루션에 바로 적용할 수 있도록 해당 기능을 개발하게 되었습니다.
 
외부프로그램 연결을 사용하면,
타 사이트에 있는 프로그램을 손쉽게 연결할 수 있습니다.
 
이번 매뉴얼에서는 기능 설정 방법과 사용법을 알아보도록 하겠습니다.
 
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)
'신청이 완료되었습니다.' 가 출력되는걸 보니 정상적으로 저장이 된 것 같네요.
 
 
 
3)
확인 버튼을 누르면 실제로 저장이 완료된 정보가 화면에 출력됩니다.
 
4)
 
4)원본사이트에 들어가서 확인해보면
자료가 정상적으로 등록된 것을 확인할 수 있습니다.
 
 
 
7. 기본적인 처리 프로세스는 다음과 같습니다.
 
1)
연결된 외부 전송폼 가져오기 페이지에서 내용을 입력하고 저장을 합니다.
/shop_etc/out_program_load.htm?out_code=exreg
 
 
 
2)
원본사이트의 <form> 소스에 등록한 처리페이지가 동작합니다.
/shop_etc/out_program_load.htm?out_code=exreg2
 
 
 
3)
연결해둔 처리페이지가 동작한 이후,
다시 원본URL의 처리페이지로 이동해서 동작하게 됩니다.
http://manual.anybuild.kr/shop_contents/myreg_exec.php
 
 
8. 추가정보 전달하기
 
추가페이지 (또는 해당 소스를 붙여넣은 페이지)에서 다음 소스를 수정하면,
프로그램 동작시 원하는 정보를 추가로 전송할 수 있습니다.
 
$program_set[add_data] = ""; // name=value&name=value&name=value 와 같이 전달 할 값을 입력해주세요. 세션 및 디바이스 정보는 자동 전송 됩니다.
 
 
9. 주의사항
 
외부프로그램 연결 기능을 설명하기 위해서, 애니빌드 솔루션으로 제작된 사이트를 이용하였습니다.
 
하지만 외부프로그램 연결 기능은
당사의 솔루션에서 가져온 프로그램만 동작하는것이 아니라...
외부의 어떠한 사이트에서 만든 프로그램도
동일하게 연결해서 사용할 수 있습니다.
 

이 때 주의할 점이 몇가지 있는데...
 
1)
외부사이트는 본인이 직접 수정이 가능한 사이트여야 합니다.
프로그램을 연결하는 과정에서 외부사이트의 원본소스를 수정할 수 있어야 정상적으로 동작하기 때문입니다.
 
2)
데이터를 주고받는 과정에서 처리페이지의 소스를 일부 수정해야할 수도 있습니다.
단순한 연결만으로는 완벽한 호환을 보장하지 않으므로,
데이터를 주고받을 때 자료가 변형되지 않도록 암호화 및 처리방식을 동일하게 수정해야할 수 있습니다.
 
 
 
 
 

지금까지 외부프로그램 연결하는 기능을 살펴보았습니다.
 
이제는 솔루션에 기능을 추가하기 위해서 재작업을 하지마시고,
외부프로그램 연결기능으로 간단하게 연결하셔서 사용하시기 바랍니다.
 
 
게시글 공유 URL복사 cyworld
댓글작성

열기 닫기

댓글작성
top