backstage를 이용하다보면 login에 대한 연동이 꼭 필수적이다. 대부분 backstage연동을 github을 통한 로그인이 많았던거같다. 근데 현재 사내에서는 keycloak을 통해 모든 sso연동이 되어있고 또한 k8s도 sso 연동은 keycloak으로 되어있어 backstage도 keycloak을 연동해보고 싶었다!!! 그래서 이번 글에서는 keycloak을 연동해보고 로그인까지해보려고한다. 그리고 추후를 위해 keycloak catalog도 설정을 미리 해놓을려고한다. auth인증흐름은 아래와 같다.  1. keycloak에서 backstage client 만들기먼저 해줘야할 일은 keycloak의 backstage client이다. 저는 아래와 같이 만들었습니다.중요한건 redirect..

개발을 위해 먼저 Local을 셋팅하는방법을 가이드하려고합니다.. 먼저 backstage를 구동하기위해서는 사전 준비 사항이 필요합니다.Linux, macOS 또는 같은 유닉스 기반 운영 체제에 대한 액세스 Linux용 Windows 하위 시스템NodeJs 20버전 이상yarn 4.4.1 (권장)저는 window WSL에서 설치하여 구동하였습니다. 1. Backstage App 만들기Backstage Standalone App을 실행할려면 npx를 사용해야합니다. npx는 nodejs가 설치되어있으면 미리 설치되어있기때문에 해당 명령어를 실행하여 설치를 진행합니다.# backstage latest app 생성$ npx @backstage/create-app@latest? Enter a name for t..

요즘 회사에서 react와 typescript를 만지다보니 예전에 생각한번 만져봐야지 했던 backstage가 생각났다. 집에서 시간있을때 근래 개발과 인프라를 왔다갔따하다보니 더욱더 한번 만져봐야겠다라는 생각이 너무들어서 한번 이참에 만들어보고 backtstage를 나만에 개발도구로 만들어보자 side project해보자해서 시작해보려고한다.. 먼저 Backstage가 무엇인지 알아보자 1 . Spotify Backstage란?Spotify Backstage는 개발자 포털을 표준화하고, 내부 개발 경험을 향상시키는 오픈소스 프로젝트로 주목받고 있습니다. Backstage는 2020년 3월, Spotify에서 개발자 생산성을 높이기 위해 공개했으며, 현재 CNCF의 Graduated(최상위) 프로젝트로 ..