곧 만날 새로운 기능들은 어떤 것이 있을까요? SocialXE 소식

안녕하세요. 오늘은 조만간에 새롭게 추가될 기능들에 대해 작성해 보려고 합니다. 아래 소개하는 기능들이 완전히 개발이 되면 최초에 제가 생각했던 기능들이 이제는 정말 모두 구현된 것 같아요. (예전에도 이런 말을 했었지만 ㅎㅎ)

소셜 로그인

첫번째로 소셜 로그인 기능입니다. 사용 중인 소셜 아이디를 이용해서 사이트에 로그인할 수 있는 기능이에요. 한번 알아볼까요.


소셜 로그인 창

소셜 로그인을 시도하면 이렇게 소셜 사이트를 선택할 수 있는 화면이 나옵니다. 이 중에 하나를 선택해서 로그인을 하는거죠. 트위터를 선택해서 로그인을 진행해 볼까요.


트위터 로그인 창

로그인을 진행하면 이렇게 트위터로 넘어가 로그인을 하게 됩니다. 이제 아이디와 비밀번호를 입력해서 트위터에 로그인을 하면...


추가 정보 입력 창

이렇게 최초 로그인일 경우 이메일 주소 입력을 위한 추가 입력 창이 나오게 됩니다. 사실 이 부분은 고민이 많았던 부분인데요. 소셜 아이디 로그인만으로 바로 로그인이 되었으면 했거든요. 하지만 XE의 기본 DB 스키마가 이메일 주소 필수인 관계로 이렇게 처리할 수 밖에 없었네요. 자, 아무튼 여기에서 이메일 주소를 누르고 등록을 누르면 로그인이 완료됩니다. 아, 물론 이 추가 정보 입력 화면은 최초 로그인 시에만 나오고요. 이후부터는 나오지 않는답니다.


로그인된 모습

이 소셜 로그인 기능을 사용하기 위해서는 설정에서 소셜 로그인 기능을 활성화 시켜주셔야 해요. 그리고 소셜 로그인 링크를 {getUrl('act', 'dispSocialxeLoginForm')}으로 걸어 주시면 된답니다.


소셜 로그인 사용 옵션

소셜 통합 기능

두번째로 소셜 통합 기능입니다. 이게 뭔 기능이냐? 회원 정보에 소셜 정보를 연결 시키는 기능이에요. 어떻게 사용하는지 한번 볼까요? 바로 위의 그림을 보면 회원 메뉴에 '소셜 설정'이 추가된 것을 볼 수 있습니다. 눌러볼까요.


소셜 설정 화면

소셜 설정 화면입니다. 이곳에서 본인의 소셜 아이디를 연결하고, 연결을 끊고, 대표계정을 설정하고, 전송 옵션을 끄거나 켤 수  있어요. 전 아까 트위터로 로그인을 했기 때문에 이미 트위터는 연결이 되어 있네요. 그럼, 미투데이를 한번 연결해 볼까요? 미투데이의 연결하기를 눌러봅니다.


미투데이 연결된 모습

이것도 마찬가지로 미투데이 로그인으로 가서 미투데이에서 로그인한 후 다시 돌아오면 이렇게 미투데이가 연결이 되었습니다. 전송 옵션을 바꿀 수도 있어요. 트위터로의 전송을 꺼볼까요.


트위터 전송을 끈 모습

이런 식으로 이곳에서 설정한 내용은 사이트 로그인이 되는 시점 적용이 됩니다. 물론 글이나 댓글을 작성하는 시점에 전송할 소셜 사이트를 선택할 수도 있어요. 그럼, 글/댓글 작성 때 어떻게 적용되는지 볼까요.

기존의 글/댓글 쓰기 폼에 쉽게 적용할 수 있도록 SocialXE 정보 위젯이 추가되었어요. 이 위젯을 이용해서 소셜 사이트 선택을 할 수 있답니다. 먼저, 글쓰기 화면을 보죠.


글쓰기 화면에 적용된 모습

글쓰기 화면 하단에 SocialXE 정보 위젯을 넣었습니다. 글을 작성한 후에 최종적으로 내가 글을 전송하고 싶은 소셜 사이트를 고를 수 있겠죠? 댓글도 한번 보죠.


댓글 쓰기에 적용된 모습

댓글 입력 폼 아래에 마찬가지로 SocialXE 정보 위젯을 넣었습니다. 댓글 역시 작성 후에 소셜 사이트 선택을 쉽게 할 수 있겠네요.

이렇게 소셜 통합 기능을 사용하면 작성하는 글, 댓글을 소셜 사이트로 전송할 수 있습니다. 그리고 SocialXE 댓글 위젯에서 제공되는 댓글 알림 역시 제공된답니다. 작성한 글에 댓글이 달렸을 때, 내 댓글에 댓글이 달렸을 때 대표계정으로 설정한 소셜 사이트를 통해 댓글 알림을 받을 수 있어요!

이 소셜 통합 기능을 사용하기 위해서는 설정에서 '소셜 정보 통합 사용' 옵션을 켜야 하고요.


소셜 정보 통합 사용 옵션

SocialXE 도우미 애드온을 활성화 시키면 됩니다. 이 애드온은 회원 메뉴에 '소셜 설정' 메뉴를 추가하고요. 닉네임을 눌렀을 때 나오는 팝업 메뉴에 '소셜 정보 보기' 메뉴를 추가합니다. 다른 회원의 소셜 정보를 볼 수 있어요.


SocialXE 도우미 애드온

오늘은 SocialXE에 새롭게 추가될 기능들을 살펴보았는데요. 가상 사이트나 텍스타일에서의 적용 등 마무리를 하고 있는 단계입니다. 아, 그리고 SocialXE의 개발과 테스트는 http://test.socialxe.net 에서 이루어지고 있으니까요. 들리셔서 보시거나 테스트 보실 수 있어요. 단, 개발용이라서 수시로 갈어엎거나 작동이 안 되거나 할 수 있답니다.

오늘 소개드린 기능들이 여러분 마음에 드실 거 같아요. 다음 패치 배포가 기대되네요. ^^;

Tag :