Auth0 CLI를 사용하여 Auth0 범용 로그인 사용자 지정

Auth0 CLI를 사용하여 범용 로그인 페이지의 색상을 사용자 정의합니다.

로그인 화면은 사람들이 웹사이트에 개인 정보를 입력하기 전에 가장 먼저 보게 되는 화면입니다. 당신은 가능한 한 최고의 인상을 주고 싶습니다. Auth0으로 데이터를 보호하는 것은 훌륭한 첫 번째 단계입니다. 또한 Auth0의 색상과 로고로 브랜드화된 로그인 페이지로 연결됩니다. 오해하지 마세요. 브랜딩은 훌륭해 보이지만 일관성 없는 브랜딩은 일부 사용자를 놀라게 할 수 있습니다.

오늘은 터미널을 떠나지 않고 로그인 페이지를 사용자 정의하기 위해 Auth0 CLI을 사용하는 방법을 배우게 될 것입니다.

필요한 것

이 자습서를 따라 하려면 몇 가지 사항이 필요합니다.

Auth0 계정. 계정이 없으면 free Auth0 account 에 가입할 수 있습니다.

Auth0 테넌트의 애플리케이션. Auth0 대시보드에 애플리케이션이 없더라도 걱정하지 마세요. Auth0의 빠른 시작 중 하나를 다운로드하는 방법을 보여 드리겠습니다.

Auth0 CLI란?

Auth0는 개발자 우선 회사이기 때문에 개발자의 작업을 보다 쉽게 ​​관리할 수 있는 도구를 만들고자 합니다. CLI를 사용하여 단계 수를 줄이고 Auth0 대시보드에서 수행해야 하는 작업을 클릭하고 터미널에서 워크플로를 유지합니다.

이를 통해 터미널 내에서 애플리케이션을 더 빠르게 설정하고, 로그인을 테스트하고, 오류 로그 정보를 얻는 등의 작업을 수행할 수 있습니다. 이 도구에 얼마나 많은 기능이 포함되어 있는지 정말 놀랍습니다. 오늘은 Auth0 대시보드에서 애플리케이션의 로그인 페이지를 업데이트하는 방법을 보여드리겠습니다.

Get an introduction to the Auth0 CLI by reading this blog post.

Auth0 CLI 설치

macOS, Windows 및 Linux에 Auth0 CLI를 설치할 수 있습니다. 다음은 각각에 대한 명령입니다.

Homebrew가 있는 macOS

brew tap auth0/auth0-cli && brew install auth0

윈도우 수동 설치

최신 릴리스에서 Windows 바이너리 다운로드: https://github.com/auth0/auth0-cli/releases/latest/

추출물

달리다 auth0.exe

홈브류가 있는 리눅스

 brew tap auth0/auth0-cli && brew install auth0

저는 항상 새 도구를 설치한 후 다시 확인하는 것을 좋아합니다. 새로 사용 가능한 auth0 명령으로 auth0 -v를 입력하여 버전을 확인하고 설치를 확인합니다. 다음으로 필요한 것은 Auth0 계정에 서명하고 CLI를 인증하는 것입니다.

CLI 연결 및 Auth0 계정에 로그인

다음을 입력하여 CLI에서 Auth0 계정에 로그인합니다.

auth0 login
✪ Welcome to the Auth0 CLI 🎊

If you don't have an account, please go to https://auth0.com/signup

Your Device Confirmation code is: JKHH-QKFM

 ▸ Press Enter to open the browser to log in or ^C to quit...

Auth0 CLI에 오신 것을 환영하고 확인 코드를 받게 됩니다. 키보드에서 Enter 키를 누릅니다. 그러면 이 페이지의 코드가 CLI의 코드와 일치하는지 확인하도록 요청하는 페이지가 브라우저에 열립니다. 확인을 클릭합니다.



다음으로 Authorize App 페이지를 만납니다. 둘 이상의 테넌트가 있는 경우 로그인할 Auth0 테넌트를 선택할 수 있습니다. Auth0 CLI가 계정에 대해 갖고자 하는 권한의 긴 목록이 표시됩니다. 아래로 스크롤하여 수락을 클릭하십시오.



터미널로 돌아가면 성공적으로 로그인되었다는 메시지가 표시됩니다.

Waiting for login to complete in browser... done

 ▸    Successfully logged in.
 ▸    Tenant: YOUR_AUTH0_DOMAIN.us.auth0.com

Auth0 테넌트에 이미 애플리케이션이 있는 경우 Edit the Universal Login Page 으로 건너뛸 수 있습니다.

Auth0 빠른 시작으로 새 애플리케이션 만들기

Auth0 대시보드에 등록된 애플리케이션이 없는 경우 CLI에서 애플리케이션을 생성할 수 있습니다. 다음 명령을 실행합니다.

auth0 app create

CLI에서 애플리케이션의 이름을 지정하고 설명을 작성하라는 메시지가 표시됩니다. 그런 다음 이 예제에서 유형을 선택하라는 메시지가 표시됩니다. 저는 React 애플리케이션이므로 단일 페이지 애플리케이션을 선택합니다. 그런 다음 허용된 콜백 URL을 입력하라는 메시지가 표시되고 로그아웃 URL 구성에 http://localhost:3000를 입력하여 이 예를 따르십시오. 새 애플리케이션이 성공적으로 생성되었음을 확인하는 메시지가 표시됩니다.

 Name: New CLI app
 Description: testing this out
 Type: Regular Web Application
 Allowed Logout URLs: http://localhost:3000

이제 로그인하고 애플리케이션을 만들었으므로 로그인 페이지를 편집할 수 있습니다.

Read more...