APPLE 소셜 로그인 API

개발자 계정 생성

• 회사 그룹 소속의 개인 계정으로 발급
  (이때 인증할 수 있는 기기가 필요할 수 있다.)
  https://blog.naver.com/PostView.nhn?isHttpsRedirect=true&blogId=h9911120&logNo=222366315292
  https://support.guidebook.com/hc/ko/articles/360000228487-Apple-%EA%B0%9C%EB%B0%9C%EC%9[…]A0%95-%EB%A7%8C%EB%93%A4%EA%B8%B0-Apple-Developer-Account-

계정 생성을 왜 하는가?

• 토큰 등을 사용하게 되지 않을까?
• 관련 코드 샘플 구하기 위함

애플개발자센터에서 서비스 등록 및 인증 등록

https://developer.apple.com/account/resources/identifiers/list/bundleId
https://developer111.tistory.com/56

애플 소셜 로그인 연결

참고
https://developer.apple.com/documentation/sign_in_with_apple/generate_and_validate_tokens
https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js/configuring_your_webpage_for_sign_in_with_apple

버튼 스타일 : https://developer.apple.com/documentation/sign_in_with_apple/displaying_sign_in_with_apple_buttons_on_the_web

for nuxt.config.js

export default {
    head: {
            meta: [
            {
                name: 'appleid-signin-client-id',
                content: '[CLIENT_ID]'
            },
            {
                name: 'appleid-signin-scope',
                content: '[SCOPES]'
            },
            {
                name: 'appleid-signin-redirect-uri',
                content: '[REDIRECT_URI]'
            },
            {
                name: 'appleid-signin-state',
                content: '[STATE]'
            }
     	   ],
	   script: [
    	        { src: '//developers.kakao.com/sdk/js/kakao.min.js', ssr: false },
        	{ src: '//appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js', ssr: false }
           ]
    	}
   }

웹에서 애플 버튼으로 로그인 표시하기

https://developer.apple.com/documentation/sign_in_with_apple/displaying_sign_in_with_apple_buttons_on_the_web
https://kedric-me.tistory.com/entry/Apple%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84web-and-other-platforms

애플 개발자 문서

Apple REST API로 로그인
https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_rest_api#overview

애플로 로그인 구현 (Sign in with Apple) - web
https://kedric-me.tistory.com/m/entry/Apple%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84web-and-other-platforms

기타

[prd api 호출 방법]

실행
1.Mac terminal 에서 명령어 실행
-> open -na Google\ Chrome —args —user-data-dir=/tmp/temporary-chrome-profile-dir —disable-web-security
-> npm run start:prd

• 주의: -> user-data-dir 경로를 수정하게 되면 즐겨찾기했던목록 들이 초기화된다.