IOS 간편 로그인 / 애플로그인 ver.1

🟡 apple developers setting

🐨  애플 개발자 등록

https://developer.apple.com/kr/ 에 접속하여 애플 개발자 등록을 한다. (유료 : 정확한 요금은 홈페이지 참고)

🐨 앱 ID 등록

아래의 화면에서 식별자로 탭으로 이동.

 

Identifiers 옆의 + 버튼 클릭

 

Description 에는 알아볼 이름 (ex : logintest ) , Bundle ID 에는 사용할 앱 주소 ( ex : com.login.test ) 입력 후

Capabilities 에서 Sign in with Apple 클릭 후 계속하기.

 

🐨 서비스 아이디 생성 (위의 플러스 버튼 후 Service IDs)

- 생성한 후 클릭해서 접속하면 아래에 체크박스와 configure 버튼이 나타난다. 체크하고 버튼 클릭

 

- 생성했던 apple id와 return urls에 로그인완료 후 반환할 url 을 넣는다

🐨 키 생성

- Keys 옆 + 버튼 클릭

 

- key 이름과 sign in with apple 을 클릭 후 저장

- key id와 key file 이 발급되는데 id는 홈페이지에서 다시 볼 수 있지만 file은 처음 한 번밖에 발급이 안되니 분실 조심.

🔴 config.json 생성

- 기본틀

{
    "client_id": "",
    "team_id": "",
    "redirect_uri": "",
    "key_id": "",
    "scope": ""
}

위의 각각의 값들 참조는 아래 링크

https://github.com/ananay/apple-auth/blob/master/SETUP.md  

 

🟠 소스 구현

1. 로그인 페이지로 이동 라우터 구현

import AppleAuth from 'apple-auth';
import fs from 'fs';
const config = fs.readFileSync('./config/iosconfig.json');


let auth = new AppleAuth(config, fs.readFileSync('./config/AuthKey_Y2WQX8897P.p8').toString(), 'text');

const router = Router();

router.get('/', (req, res) => {
    console.log(Date().toString() + 'GET /');
    res.send(`<a href="${auth.loginURL()}">Sign in with Apple</a>`);
});

 

🟤 Reference

https://github.com/ananay/apple-auth/blob/master/SETUP.md
https://github.com/ananay/apple-auth-example/blob/master/src/app.js