한국어
GitHub Actions 워크플로우로 사용자 정의 로그인 UI 배포 자동화하기
GitHub Actions 워크플로우를 사용하여 개발자 파이프라인에서 사용자 정의 로그인 UI를 Logto Cloud에 자동으로 배포하는 방법을 보여드리겠습니다.
Charles
Developer
Developer
GitHub Actions 워크플로우를 사용하여 개발자 파이프라인에서 사용자 정의 로그인 UI를 Logto Cloud에 자동으로 배포하는 방법을 보여드리겠습니다.
Logto는 고객 아이덴티티 및 액세스 관리 (CIAM) 솔루션의 더 나은 선택입니다. 최근 우리는 개발자들이 로그인 UI를 완전히 사용자정의할 수 있는 "사용자 UI 가져오기" 기능을 Logto Cloud에서 출시했습니다.
이전 블로그 포스트에서도 사용자 정의 로그인 UI를 만드는 방법에 대한 단계별 가이드를 제공했습니다. 여기에는 다음이 포함됩니다:
@logto/tunnel CLI 설정하기그러나 DevOps 마인드를 가진 앱 개발자로서 로그인 페이지에 변경 사항을 적용하는 과정이 번거롭다고 느낄 수 있습니다. 이 모든 과정을 자동화할 방법이 있을까요?
여러분의 피드백을 반영하여 @logto/tunnel에 새 deploy CLI 명령어를 소개하게 되어 기쁩니다. 이 명령어를 사용하면 터미널에서 명령어를 실행하거나 GitHub Actions 워크플로우에 통합 함으로써 배포 프로세스를 자동화할 수 있습니다. 이는 CI/CD 파이프라인을 구축하는 데 특히 유용합니다. 시작해 봅시다!
설정에 들어가기 전에 다음 항목을 확인하세요:
@logto/tunnel CLI 도구를 dev dependency로 설치하세요.GitHub 리포지토리에서 새 워크플로우 파일을 생성하세요. .github/workflows/로 이동하여 deploy.yml이라는 파일을 생성하세요.
dist라고 가정합니다../dist 디렉토리의 html 자산을 Logto Cloud 테넌트에 배포합니다. 민감한 정보는 환경 변수로 사용합니다.GitHub Actions에 대한 자세한 내용은 GitHub Actions Documentation를 방문하세요.
자격 증명을 안전하게 유지하려면 GitHub 리포지토리에 비밀로 저장해야 합니다:
<m2m-app-id>:<m2m-app-secret> 형식의 Logto M2M 애플리케이션 자격 증명.워크플로우를 설정하고 비밀을 구성한 후, PR을 마스터 브랜치에 병합하여 테스트할 수 있습니다. GitHub Actions 워크플로우가 자동으로 트리거되고, 사용자 정의 로그인 UI가 Logto Cloud에 배포됩니다.
GitHub Actions 워크플로우에 @logto/tunnel CLI 명령어를 통합함으로써 사용자 정의 로그인 UI를 Logto Cloud로의 배포 프로세스를 간소화할 수 있습니다. 이 자동화는 개발에 집중하면서 변경 사항이 라이브 환경에서 지속적으로 테스트되도록 합니다.
행복한 코딩 되세요!