-
[passport] DNS를 이용하여 배포환경에서 OAuth 사용하기programing/Web 2019. 11. 19. 18:28
안녕하세요, Einere입니다.
(ADblock을 꺼주시면 감사하겠습니다.)
오늘은 DNS를 이용해서 배포환경에서 OAuth를 사용해보도록 하겠습니다.
도메인 네임
도메인 네임 구매하기
우선, 도메인 네임을 구매합니다. (저는 가비아에서 샀습니다.)
그리고, 관리 메뉴로 들어갑니다.
네임 서버 설정하기
네임서버에가 있습니다. 나중에 도메인 네임 서버 (DNS)를 추가해야 합니다.
NCloud
DNS에 구매한 도메인 추가하기
프론트용 서버와 백용 서버 간 쿠키를 공유하고자 한다면, 둘 다 동일한 도메인에 속해있어야 합니다.
따라서 프론트를 catchmymind.shop으로, 백을 back.catchmymind.shop으로 하겠습니다.
프론트용 서버 도메인 추가하기
NCloud의 front용 서버 인스턴스의 DNS에 구매한 도메인 네임을 추가합니다.
레코드 추가를 눌러, 레코드 명은 내가 원하는 도메인 네임으로, 레코드 타입은 A로, 레코드 값은 NCloud 공인 IP로 추가합니다.
백엔드용 도메인 레코드(back.catchmymind.shop)도 추가해줍니다.
백용 서버 도메인 추가하기
백엔드용 도메인을 추가한 뒤, 해당 도메인에서 레코드(back.catchmymind.shop, A, xxx.xxx.xxx.xxx)를 추가합니다.
구매한 도메인 네임에 네임서버 추가하기
NS타입의 레코드 값은 네이버에서 제공하는 DNS들입니다. 저 4개를 가비아의 네임서버에 추가해줍니다.
페이스북
페이스북 OAuth 설정하기
페이스북 OAuth에서, 사이트 URL에 구매한 도메인 네임을 포함한 URL을 써줍니다.
앱 도메인에는 구매한 도메인 네임만 써줍니다.
도메인 관리에서 도메인 추가를 누릅니다.
그리고 위와 같이 추가해줍니다.
구글
구글 OAuth 설정하기
구글의 사용자 인증 정보에서 내가 만든 OAuth 2.0 클라이언트에 들어갑니다.
해당 클라이언트 ID의 승인된 도메인에 구매한 도메인 네임을 써줍니다.
OAuth 동의 화면에서 승인된 리디렉션 URI에는 콜백 URI를 추가합니다.
'programing > Web' 카테고리의 다른 글
[CSS] 박스 모델, 박스 사이징 (0) 2019.12.27 [Cache] 웹 브라우저의 캐시를 사용하지 않도록 하는 방법 (0) 2019.12.21 [sequelize, mysql2] sequelize 사용시 오류 해결 방법 (0) 2019.10.15 [Vue.js] props로 받은 데이터를 data로 사용하기 (0) 2019.10.10 [NCloud] Naver NCloud로 Express서버 배포하기 - 2 (0) 2019.10.05 댓글