[Node.js] 애플로그인 구현하기

🔑 Apple Developer에서 key 발급받기

Apple Developer 사이트에서 로그인하고, Account에 들어가서 Identifier과 App ID를 생성해야 합니다. 모든 Authkey-.p8파일과 id값들이 준비 된 후, 구현 부분을 다루겠습니다!

🌱 Apple-auth 기본 세팅

Apple-auth를 이용해서 간단하게 애플 로그인을 구현할 수 있습니다.
npm install apple-auth로 설치 먼저 해줍니다.
이후 config파일을 준비해야 하는데 config.json 파일의 예시는 다음과 같습니다. Apple Developer 사이트에서 생성한 값들로 아래를 채워야 합니다. 최대한 비슷하게 예시를 적어두었으니 꼭 잘맞춰서 적어주세요~! (저는 -.p8 키 파일의 이름도 private_key_path로 빼줬습니다. 이 부분은 빼지 않고 라우팅에서 그냥 이름으로 접근해도 무관합니다.)

{ "client_id": "com.****", "team_id": "AB1234CDE3", "key_id": "AB12CD123E", "redirect_uri": "https://apple-auth.example.com/auth", "private_key_path": "AuthKey_AB12CD123E.p8" }

{
    "client_id": "com.****",
    "team_id": "AB1234CDE3",
    "key_id": "AB12CD123E",
    "redirect_uri": "https://apple-auth.example.com/auth",
    "private_key_path": "AuthKey_AB12CD123E.p8"
}

🌳 로그인 구현하기

필요한 파일과 모듈을 아래와 같이 선언합니다.

const jwt = require('jsonwebtoken');
const path = require('path');
const AppleAuth = require('apple-auth');
const appleConfig = require('../../../../config/apple/apple.json');
const auth = new AppleAuth(appleConfig, path.join(__dirname, `../../../../config/apple/${appleConfig.private_key_path}`));

클라이언트에서 code값을 받아와서 아래처럼 해독하면 필요한 값들을 얻을 수 있습니다. 보통 sub값을 디비에 저장해두고 이를 통해서 사용자를 구분합니다.

let { code } = req.body;
if (!code) { 
  res.status(200).json(NULL_VALUE);
  return;
} 
const response  = await auth.accessToken(code);
const idToken = jwt.decode(respon.id_token);
const email = idToken.email;
const sub = idToken.sub;

위 처럼 간단하게 필요한 정보를 얻을 수 있습니다. 저는 디비에 sub값과 email을 저장해두고 디비에 이미 저장된 같은 사용자가 없으면 회원가입 페이지로 넘어가도록 구현했습니다. apple-auth가 워낙 잘 만들어져 있어서 아주 간단하게 만들 수 었었습니다!

 

🍂 참고

apple-auth example github

⛔ apple-signin

저는 apple-signin 모듈을 썼을 때, 반복적으로 로그인을 시도하면 토큰을 해독하지 못하는 invalid token (오류메세지는 정확히 기억나지 않습니다..!)와 같은 문제가 있었습니다. 그것 때문에 app store 배포에서 리젝됐었습니다. 알아보니 apple-signin을 사용했을 때 저같은 문제를 겪은 분들이 계시더라구요! apple-auth를 사용하는 것을 추천드립니다~