GitHub 및 OpenJS Architect를 사용한 서버리스 OAuth 로그인

OAuth 로그인

보호된 콘텐츠에 대한 액세스를 제한하는 것은 매우 일반적인 기능입니다. 이 기사에서는 GitHub에서 OAuth를 구현하여 로그인이 있는 서버리스 애플리케이션을 만들고 일부 계정 정보를 가져오는 방법을 살펴보겠습니다. 우리는 Node.js와 OpenJS Architect를 배포 프레임워크로 사용할 것입니다. 또한 Begin을 사용하여 자동화된 배포를 설정합니다.

시작하다

시작하려면 아래 버튼을 클릭하세요.



GitHub 자격 증명으로 로그인하라는 메시지가 표시됩니다. 이것이 Begin 계정을 생성하고 스테이징 및 프로덕션 엔드포인트가 있는 라이브 AWS 인프라에 예제 앱을 배포하는 데 필요한 전부입니다.

리포지토리를 복제하여 로컬에서 작업

Architect에는 배포된 앱의 동작을 에뮬레이트하는 Sandbox라는 로컬 개발 서버가 있습니다. 리포지토리를 복제하고 로컬 복사본을 실행할 수 있습니다. Begin 콘솔의 왼쪽 하단 모서리에서 Begin이 만드는 리포지토리에 대한 링크를 찾을 수 있습니다.

git clone https://github.com/[your-github-username]/learn-static-oauth.git
cd learn-static-oauth
npm install

GitHub OAuth 애플리케이션 만들기

다음 단계에서는 GitHub 계정의 개발자 설정으로 이동해야 합니다. Follow these instructions 테스트, 스테이징 및 프로덕션을 위한 총 3개의 애플리케이션을 생성합니다.


애플리케이션 이름
홈페이지 URL
승인 콜백 URL


내 앱 로컬
http://localhost:3333
http://localhost:3333/login

내 앱 스테이징
https://foo-123-staging.begin.app
https://foo-123-staging.begin.app/login

내 앱 제작
https://foo-123.begin.app
https://foo-123.begin.app/login

환경 변수 추가

환경 변수는 비밀 키를 보호하는 방법입니다. 환경 변수는 개정 관리에 체크인하면 안 됩니다. prefs.arc 파일에 .gitignore를 추가하십시오. 이제 다음 내용으로 prefs.arc 파일을 만듭니다.

# prefs.arc file
@env
testing
  GITHUB_CLIENT_ID 4fe0a991a87d7668e267
  GITHUB_CLIENT_SECRET 0434fabb4c9dba388c0532fb3934a3c7afc191e9
  GITHUB_REDIRECT http://localhost:3333/login

또한 시작 콘솔에서 환경 변수를 업데이트해야 합니다. 환경 변수를 추가하려면 프로젝트 콘솔의 왼쪽 탐색 메뉴에서 환경을 엽니다.

앱 시작

npm start

이 명령은 Sandbox를 시작하고 http://localhost:3333에서 앱을 미리 볼 수 있어야 합니다.

다음 단계

스테이징에서 앱을 시험해보고 2부에서 Lamba 함수의 코드를 자세히 살펴보겠습니다.