제로보드XE에 소셜XE(Social XE) 설정하여 소셜로그인 활용하기

제로보드는 국내에서 가장 널리 사용되는 게시판 플랫폼으로 현재는 Xpress Engine으로 거듭나면서 CMS를 지향하고 있습니다.

공식명칭은 Xpress Engine 이지만 제로보드가 워낙 오랜세월 사랑을 받았었고 한때 제로보드XE 프로젝트를 통해서 현재 이름이 만들어졌기에 편하게 제로보드XE로 표현합니다.

제로보드XE의 핵심은 코어 즉 플랫폼을 제공하고 그 플랫폼위에 사용자들이 다양한 애드온, 모듈등을 추가하여 웹사이트를 구축할 수 있는 장점을 가지고 있습니다.

이런 장점때문에 웹 트렌드에 맞춰 제로보드XE도 변화하고 있는데 그 중 소셜XE라는 모듈은 최근 인터넷의 중심으로 커가고 있는 SNS서비스인 페이스북, 트위터, 구글플러스의 계정을 연동하여 제로보드XE에서도 별도의 회원가입없이 소셜로그인을 제공하는 서비스인데 최초 개발자가 업데이트를 지원하지 않아 그동안 일부 SNS 서비스 로그인이 되지 않아 외면 받고 있었는데 지난 해 말 다른 개발자에 의해 몇가지 문제점이 개선된 소셜XE가 배포되면서 다시 금 제로보드XE에 소셜로그인 연동이 가능해졌습니다.

이번 강좌는 제로보드XE로 운영중인 웹사이트에 소셜XE를 적용하여 소셜로그인 서비스를 운영할 수 있는 방법에 대해 소개해 드릴까 합니다.

현재 배포중인 최신버전의 소셜XE는 github에서 다운로드 받을 수 있습니다.   

https://github.com/eondcom/xe-package-socialxe

소셜XE만 설치 후 공개제공되는 소셜XE서버와 연동하여 소셜로그인도 가능하지만 직접 운영하는 서버라면 소셜XE 클라이언트와 소셜XE서버 모듈 모두 설치하여 운영하는 것이 더 편리하니 모두 설치해 주세요

▶  최신 소셜XE를 다운받은 후 운영중인 웹서버에 업로드를 해주세요.

관리자화면에 접속한 후 설치된 모듈 메뉴를 선택해 줍니다.

소셜XE클라이언트와 소셜XE서버 모듈을 모두 설치했다면 모듈목록에 SocialXE와 SocialXE서버 두가지 모듈이 설치되어있는 것을 확인할 수 있습니다.

먼저 자체 운영중인 웹서버에서 소셜XE서버를 운영하려면 소셜XE서버 모듈을 클릭합니다.

소셜XE서버를 운영하기 위해서는 연동할 소셜서비스의 API 연동 작업을 해야 하는데 이 부분은 각각 항목별로 별도의 강좌로 다루도록 하겠습니다.

1. 소셜XE서버 페이스북 API 연동하기 (준비중)

2. 소셜XE서버 트위터 API 연동하기 (준비중)

3. 소셜XE서버 구글플러스 API 연동하기 (링크참조)

소셜XE 서버 운영을 위한 소셜서비스 API 연동이 모두 끝났다면 소셜XE서버에 연동시킬 클라이언트 등록을 해주어야 합니다.

탭 메뉴에서 클라이언트 목록을 선택한 후 하단에 추가 버튼을 클릭하여 소설XE 서비스를 연동할 웹사이트를 추가해 줍니다.

클라이언트 등록화면이 나오면 소셜XE 서비스를 사용할 웹사이트 주소를 넣어 주면됩니다. (같은 서버에서 소셜XE서버를 운영중이어도 클라이언트에 등록을 해주어야 합니다.)

등록이 완료되면 다시 클라이언트 목록으로 돌아가게 되고 새로 추가한 웹사이트 정보에 클라이언트 키가 발급된 것을 확인할 수 있습니다. 이제 서버에서 발급된 클라이언트 키를 복사한 후 모듈 목록으로 돌아갑니다.

모듈 목록중 SocialXE를 선택해 줍니다.

소셜XE 설정 항목 중 소셜XE서버 이름에 소셜XE서버가 설치된 도메인을 입력해 주시고 클라이언트 토큰에 서버에서 발급받은 클라이언트 키를 붙혀넣기 한 후 저장을 누르면 이제 제로보드XE로 구축한 웹사이트에서 소셜로그인을 사용할 수 있게 됩니다.

소셜로그인을 사용하기 위해서는 기존에 사용중인 레이아웃의 로그인쪽 소스를 조금 손을 봐야하는데 공개된 레이아웃중 소셜로그인 서비스가 적용되어진 레이아웃 (심플스트랩 추천)을 다운받아 적용하면 쉽게 소셜로그인을 적용할 수 있습니다.

연결강좌 - 기존 레이아웃에 소셜로그인 추가하기 (준비중)

그동안 원 개발자의 업데이트가 되지 않아 사용할 수 없었던 소셜XE가 여러 사람들의 노력으로 다시 사용할 수 있도록 업데이트 되어 제로보드XE로 웹사이트를 운영하는 분들께 좋은 밑거름이 될 것 같습니다.

최근 웹트렌드가 반응형 그리고 소셜과의 연동인데요. 소셜XE 서비스로 여러분들의 웹사이트에 활력을 불어넣어 보세요.