많은 분들께서 채팅방을 운영하고 싶어 하시는분들이 많은신대요. 아쉽게도 본 솔루션에서는 채팅방기능이 제공되고 있지 않습니다. 본 미션은 외부에서 제공되는 서비스 및 컨텐츠를 본 솔루션에 연동 및 설치하는 방법 중 한 예를들어 설명하기 위해서 만들어 보았습니다. 현재 시중에 네이버 지도 및 구글 지도 또한 부정클릭 방지 스크립트, 접속통계 수집 스크립트 등 수많은 소스가 넘쳐나고 있습니다. 이 중에서 무료 채팅 솔루션(gagalive)을 쉽게 설치 하는 방법에 대해서 알아 보도록 하겠습니다.
관리자 모드로 로그인 하신후 [디자인관리 》 고급 디자인 관리 》 추가 페이지 관리]으로 이동 하셔서 아래와 같이 추가페이지를 생성 합니다.
[디자인관리 > 고급 디자인 관리 > 스킨 관리] 으로 이동 후 [default 기본스킨]을 수정 합니다. 아래 와 같이 html을 수정합니다.
이해를 돕기 위해 몇가지 설명 드리겠습니다. 본 솔루션은 99% html 직접입력 방식으로 되어 있기 때문에 html5, css3, 제이쿼리 및 자바스크립트 등 모두 100% 호환됩니다. 시중에 나와있는 연동 스크립트는 약 40%정도가 자바스크립트로 되어 있으며, 이런경우 아무런 문제 없이 설치가 가능 합니다. 하지만 경우에 따라서는 시스템 소스를 수정해야 연동이 되는 경우가 있는데 이렇게 연동하는방식을 API연동 방식이라고 합니다. 본 솔루션에서는 네이버지도 API 및 트위터, 페이스북, 미투데이, 지식인등 많은 사용자가 이용하는 API에 대해서는 이미 설치되어 있어서 누구나 쉽게 사용 할 수 있도록 되어 있습니다. 그렇다고 해서 세상 모든 API가 다 연결되어 있는건 아니며 사용률이 높은 API에 대해서 순차적으로 연동 작업 하고 있기 때문에 연동이 불가능한 API가 있다라는 점 유념하시기 바랍니다. 세상 모든 API가 아람스쿨에 연동되는 그날까지 열심히 개발하겠습니다. 쿨럭~ ㅜㅂㅜ
수고 하셨습니다. 완성 화면 : http://uhkr08b.aramschool.co.kr/shop_add_page/index.htm?page_code=chat 위와 같이 작동 된다면 다음 미션으로 고고고~ ^-^
댓글 130개 |