메뉴 건너뛰기

XEDITION

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 트위터,페이스북 아이디로 연동 방법

http://socialxe.net/ 에서 클라이언트를 제공했으나 작년부터 지원 안함.

각자 해당 사이트에 SocialXE 서버를 설치해서 사용해야함.

(각각의 SNS 아이디만 있으면 됨)

 

SocialXE 클라이언트 설치

SocialXE 서버 설치

 

설치는 쉬우나 메뉴얼에 있는 설명이 오래되어서... ㅡㅡ;

 

페이스북 설치시 방법 -> http://socialxe.net/manual/3705

https://developers.facebook.com/apps

 

 

 

 

 

 

번호 제목 글쓴이 날짜 조회 수
30 1.7X로 업글후 스케치북 웹진형 썸네일이 안나옵니다. 엘리후 2016.09.22 14
29 xe게시판에 외부이미지 가져와서 썸네일 만드는 팁 엘리후 2016.06.01 60
28 외부이미지 섬네일생성시 가로 1280px 넘어갈경우 생성되지않음 엘리후 2016.01.31 141
27 XE 요소 개발을 쉽고 빠르게 - XE Wizard 엘리후 2016.01.13 34
26 XE Core 1.4.4 새 템플릿 문법을 소개합니다. 간결+판독. 엘리후 2015.11.23 38
25 제이쿼리_모바일에서 터치(그랩)하는 캐러젤 설치하기 _ 모바일 엘리후 2015.08.25 126
24 XE 템플릿 문법의 이해 엘리후 2015.08.21 36
23 XE 회원가입 확장변수 출력 엘리후 2015.08.21 72
» 제로보드XE에 소셜XE(Social XE) 설정하여 소셜로그인 활용하기 엘리후 2015.08.21 108
21 구글 애드센스 계정 정지 후 대체 광고 종류 및 소개 엘리후 2015.08.21 308
20 구글 에드센스 이의 ( 논쟁) 엘리후 2015.08.21 75
19 구글애드센스 주소인증 엘리후 2015.08.05 135
18 제로보드 XE 홈페이지 만들기 - 제8장 게시판에 글과 영상 올리기 엘리후 2015.07.18 259
17 XE의 시작페이지 index.php 엘리후 2015.07.17 185
16 조건문 IF 엘리후 2015.07.17 94
15 파일 포함 include 엘리후 2015.07.17 108
14 기본 문법 default 엘리후 2015.07.16 130
13 XE 템플릿 문법의 이해 엘리후 2015.07.16 84
12 XE 레이아웃 바꾸기! 엘리후 2015.07.16 104
11 XE에 페이스북 소셜 댓글 연동하는 방법 (페이스북 소셜댓글 달기) 엘리후 2015.07.11 148
위로