Document

Getting Started

시작하기

Awesome Login을 사용하는 법은 아주 간단합니다. 일단 body안에 다음 코드를 붙여주세요.

<script type="text/javascript" src="/path/to/awesomelogin.min.js"></script>

모든 준비가 끝나면 onAwesomeLoginReady라는 함수가 호출됩니다. init 함수를 활용하여 다음과 같이 초기화를 해보세요.

<script type="text/javascript">
    function onAwesomeLoginReady() {
        awesomelogin.init({
            serviceId: "%serviceId%"
            btnElement: btnElement
        });
    }
</script>

여기서 serviceId는 가입후 service를 새로 만들면 부여되는 ID입니다. 이 아이디와 함께 로그인 버튼을 넣을 HTML Element를 btnElement에 입력해주기만하면 모든 준비가 완료됩니다.

위 두가지 코드만으로 여러분의 웹사이트는 다양한 소셜로그인이 가능한 웹사이트가 되었습니다. 축하드립니다!

브라우저에서 로그인 정보 가져오기

여러분의 웹사이트에 유저가 들어와 Awesome Login을 통해서 로그인을 했습니다. 로그인된 유저의 정보를 어떻게 가져올 수 있을까요?

console.log(awesomelogin.getUser());
// {userId: "UIoMZAMw7r0c1499863622218", email: "example@email.com", name: "mynickname", photo: "user_photos/7hVrdXVLzGXDTeywedf2X9vdi", status: "VERIFIED", …}

바로 위의 경우처럼 awesomelogin.getUser()를 통해서 얻어올 수 있습니다. 이 정보를 활용하면 javascript를 통해서 다양한 처리가 가능하겠죠?

서버에서 유저 인증하기

Awesome Login은 유저가 로그인을 하게되면 자동으로 여러분의 서버주소에 전달되는 모든 request에 연동되도록 cookie에 appToken이라는 이름으로 JSON Web Token을 셋팅합니다. 여러분의 서버에서 이 appToken cookie를 사용하여 전달된 유저의 정보가 진짜인지 인증할 수 있습니다.

jwt.verify(req.cookie.appToken, "%yourAppPublicKey%")

서비스를 생성하면 만들어지는 publicKey를 통해서 해당 token이 유효한 것인지 서버에서 인증할 수 있습니다.

JSON Web Token은 node, php, java, .net, python, ruby, perl 등 대부분의 플랫폼에서 사용이 가능한 간편하고 안전한 인증체계입니다. 공식사이트에서 사용법을 확인해보세요!

안전한 유저 인증체계를 쉽게 만들어보세요!

이것만으로도 여러분의 웹사이트는 다양한 소셜로그인 및 이메일 로그인을 지원하는 웹사이트가 되었습니다. 더이상 복잡한 인증체계 구현에 시간을 낭비하지 마세요. Awesome Login과 함께 쉽고 스마트한 웹사이트를 만들어보세요!

FAQ

Q. 대체 어떻게 인증이 이뤄지는 건가요?

A. 인증의 원리는 간단합니다. 유저는 Awesome Login 웹사이트를 통해서 로그인 절차를 밟고, 전달받은 유저의 정보를 안전하게 인증가능한 토큰으로 만들어 여러분의 웹사이트로 보내줍니다. 이 정보는 여러분에게만 공유된 키로만 인증할 수 있습니다. 안전하고 간편하게 인증이 가능합니다.

Q. 내 사이트의 유저정보가 정말 안전하게 저장되는건 맞나요?

A. 네, 그렇습니다. 일단 얻어온 유저의 정보는 Amazon Web Service에서 제공하는 DynamoDB라는 분산 DB에 안전하게 저장되고 있습니다. 일반적인 서버에 설치되어있는 Database보다 해킹에 안전합니다. 특히 비밀번호는 비밀번호 암호화에 가장 많이 쓰이고 있는 bcrypt 알고리즘으로 암호화하여 더욱 안전하게 저장하고 있습니다. 여러분의 사이트가 유저의 정보를 안전하게 저장하기 위해 해야할 모든 것을 저희가 대신하고 있습니다. 걱정마세요!

Q. 이메일 가입의 절차는 어떻게 되나요?

A. 이메일 가입을 신청한 유저는 여러분이 등록한 이메일 주소를 통해서 가입 인증 이메일을 전달받습니다. 해당 이메일의 링크를 클릭하여 인증한 후에 가입이 완전히 완료가 됩니다. 여러분이 직접 이메일 가입을 구현하기 위해서 해야하는 추가적인 일은 하나도 없습니다. 인증메일 발송부터 가입 완료까지 모든 절차가 마련되어 있습니다.

Q. 아직 베타인데 믿고 써도 되는 겁니까?

A. Awesome Login은 저희가 만드는 다른 서비스를 만들기 위해서 만들어진 서비스입니다. 매번 새로 로그인 서비스를 구축하는 일이 번거롭고 불편하게 느껴졌거든요. 아직 베타기간이라 실서비스에 적용하라고 권유드리긴 어렵지만, 작은 토이 프로젝트나 임시 서비스를 구현하실때는 편하게 사용가능하실 거라고 생각합니다. 저희의 다른 서비스가 완성되고 안정화가 어느 정도 되었다고 판단이 되면, 이 서비스도 베타를 벗어나게 될 것입니다.

Q. 요금 정보가 없는데 무료인건가요?

A. 현재는 베타기간이라 무료로 사용하실 수 있습니다. 차분히 안정화 기간을 거친 후에, 유료 모델로 전환할 예정인데, 가격은 실제 AWS를 사용하는데 드는 실비와 흡사한 수준으로 책정할 예정입니다. 이 서비스의 목적은 다양한 작은 프로젝트들이 좀 더 빨리 만들어지는 것을 돕는 것이 목적이라 수익률은 최소한으로 책정할 것을 약속드립니다.

Q. 가입된 유저의 정보를 통째로 다운받을 수 있습니까?

A. 네, Awesome Login을 사용하시다가 자체적으로 로그인 서비스를 만들어야겠다고 생각이 드실 수 있기 때문에 유저정보를 다운받을 수 있도록 할 예정입니다. 현재는 해당 기능이 구현되어있지 않아서 따로 요청하시는 경우 보내드리고 있습니다.

Q. 유저정보 분석 기능은 언제쯤 사용가능할까요?

A. 정식서비스가 오픈하는 때에 맞춰서 기능을 추가할 예정입니다. 아직은 조금 더 기다려주세요.