워크스페이스 Single Sign-On (SSO) 설정하기

Okta에 Lovable 앱 추가

• Okta Admin Console에서 Applications → Browse App Catalog로 이동합니다.
• Lovable을 검색한 다음 Add Integration을 클릭합니다.
• General Settings 화면에서 Application label을 설정하고(예: Lovable OIDC) Next를 클릭합니다.
• Sign-On Options 화면에서 OpenID Connect를 선택합니다.
• Application username format을 Email로 설정합니다.
• Done을 클릭합니다.

Lovable에 IdP 정보 제공

Okta의 Sign On 탭에서 다음 값을 복사하여 Lovable에 입력합니다.

• Okta Issuer URL → Lovable OIDC Issuer URL/Discovery Endpoint

  issuer를 찾으려면 Sign On 탭에서 OpenID Provider Metadata 링크를 클릭하세요. issuer는 Okta 도메인입니다. 예: https://your-org.okta.com.

• Okta Client ID → Lovable OAuth Client ID/Application ID

• Okta Client Secret → Lovable OAuth Client Secret

표시 이름 및 로그인 URL 구성

Lovable에서 나머지 필드를 입력합니다.

• Display Name: 인증 중 사용자에게 표시되는 이름입니다.
• Verified domain: 로그인 URL의 기반이 되는 인증된 도메인입니다. 인증된 도메인이 하나뿐이면 Lovable이 미리 선택합니다.
• Login URL suffix (optional): 로그인 URL에 덧붙일 값입니다(예: engineering). Lovable은 이 필드 아래에 완성된 URL을 표시합니다. SSO 로그인 URL을 참고하세요.

(선택 사항) Lovable에서 구성 테스트

Lovable에서 Test configuration을 클릭합니다. 모든 것이 올바르게 구성되었다면 유효성 검사가 성공해야 합니다.

Lovable에서 OIDC provider 구성 완료

Lovable에서 Configure provider를 클릭하고 확인 페이지를 검토한 다음 Confirm & enable SSO를 클릭하여 Okta를 OIDC SSO provider로 구성을 완료합니다.

Okta에 Lovable 앱 추가

• Okta Admin Console에서 Applications → Browse App Catalog로 이동합니다.
• Lovable을 검색한 다음 Add Integration을 클릭합니다.
• General Settings 화면에서 Application label을 설정하고(예: Lovable SAML) Next를 클릭합니다.
• Sign-On Options 화면에서 SAML 2.0을 선택합니다.
• Application username format을 Email로 설정합니다.
• Done을 클릭합니다.

Lovable에 IdP 정보 제공

Lovable에서 빠른 SAML provider 설정 또는 수동 구성 중 하나를 선택합니다.

옵션 1: 빠른 설정 - metadata URL에서 가져오기

• Okta에서 Lovable 애플리케이션의 Sign On 탭을 열고 Metadata details로 스크롤하여 Metadata URL을 복사합니다.
• Lovable에서 Quick setup: Import from Metadata URL 필드에 metadata URL을 붙여넣습니다.
• Test & Import를 클릭하여 아래 필수 필드를 자동으로 채웁니다.

옵션 2: 수동 구성

새 탭에서 metadata URL을 엽니다. 다음 값을 복사하여 Lovable에 입력합니다.

• Okta SingleSignOnService Location → Lovable SAML SSO Sign-on URL from your IdP

• Okta EntityID → Lovable Identity Provider Entity ID / Issuer

• Okta X509Certificate → Lovable X.509 Signing Certificate (public key)

  -----BEGIN CERTIFICATE-----와 -----END CERTIFICATE----- 줄 사이의 인증서 값을 붙여넣으세요.

표시 이름 및 로그인 URL 구성

Lovable에서 나머지 필드를 입력합니다.

• Display Name: 인증 중 사용자에게 표시되는 이름입니다.
• Verified domain: 로그인 URL의 기반이 되는 인증된 도메인입니다. 인증된 도메인이 하나뿐이면 Lovable이 미리 선택합니다.
• Login URL suffix (optional): 로그인 URL에 덧붙일 값입니다(예: engineering). Lovable은 이 필드 아래에 완성된 URL을 표시합니다. SSO 로그인 URL을 참고하세요.

Lovable에서 SAML provider 구성 완료

Lovable에서 Configure SAML provider를 클릭하고 확인 페이지를 검토한 다음 Confirm & enable SSO를 클릭하여 Okta를 SAML SSO provider로 구성을 완료합니다.

Auth0에서 애플리케이션 생성

• Auth0 Admin Dashboard → Applications로 이동합니다.
• Create application을 클릭합니다. Regular Web Applications 애플리케이션 유형을 선택합니다.
• 앱에 이름을 지정합니다. 예: Lovable OIDC SSO.
• Create를 클릭합니다.

Allowed Callback URL 구성

• Auth0에서 애플리케이션 설정으로 이동합니다.
• Allowed Callback URLs를 추가합니다: https://auth.lovable.dev/__/auth/handler
• Save를 클릭합니다.

Lovable에 IdP 정보 제공

Auth0의 Settings 탭에서 다음 값을 복사하여 Lovable에 입력합니다.

• Auth0 Domain → Lovable OIDC Issuer URL/Discovery Endpoint (https:// 포함)
• Auth0 Client ID → Lovable OAuth Client ID/Application ID
• Auth0 Client Secret → Lovable OAuth Client Secret

표시 이름 및 로그인 URL 구성

Lovable에서 나머지 필드를 입력합니다.

• Display Name: 인증 중 사용자에게 표시되는 이름입니다.
• Verified domain: 로그인 URL의 기반이 되는 인증된 도메인입니다. 인증된 도메인이 하나뿐이면 Lovable이 미리 선택합니다.
• Login URL suffix (optional): 로그인 URL에 덧붙일 값입니다(예: engineering). Lovable은 이 필드 아래에 완성된 URL을 표시합니다. SSO 로그인 URL을 참고하세요.

(선택 사항) Lovable에서 구성 테스트

Lovable에서 Test configuration을 클릭합니다. 모든 것이 올바르게 구성되었다면 유효성 검사가 성공해야 합니다.

Lovable에서 OIDC provider 구성 완료

Lovable에서 Configure provider를 클릭하고 확인 페이지를 검토한 다음 Confirm & enable SSO를 클릭하여 Auth0를 OIDC SSO provider로 구성을 완료합니다.

Auth0에서 애플리케이션 생성

• Auth0 Admin Dashboard → Applications로 이동합니다.
• Create application을 클릭합니다. Regular Web Applications 애플리케이션 유형을 선택합니다.
• 앱에 이름을 지정합니다. 예: Lovable SAML SSO.
• Create를 클릭합니다.

Allowed Callback URL 구성

• Auth0에서 애플리케이션 설정으로 이동합니다.
• Allowed Callback URLs를 추가합니다: https://auth.lovable.dev/__/auth/handler
• Save를 클릭합니다.

SAML2 Web App Add-on 구성

• Auth0에서 Addons로 이동하여 SAML2 Web app을 활성화합니다.
• Addon: SAML2 Web app → Settings에서 다음을 설정합니다.
  • Application Callback URL: https://auth.lovable.dev/__/auth/handler
  • Settings: 다음 mappings JSON을 붙여넣습니다

    {
      "mappings": {
        "email": "http://schemas.xmlsoap.org/ws/2005/05/identity/claims/nameidentifier"
      },
      "nameIdentifierFormat": "urn:oasis:names:tc:SAML:1.1:nameid-format:emailAddress"
    }

• Enable을 클릭합니다.

Lovable에 IdP 정보 제공

Lovable에서 빠른 SAML provider 설정 또는 수동 구성 중 하나를 선택합니다.

옵션 1: 빠른 설정 - metadata URL에서 가져오기

• Auth0 → Addon: SAML2 Web app → Usage에서 Identity Provider Metadata를 찾아 화살표 아이콘을 클릭하여 URL을 가져옵니다.
• Lovable에서 Quick setup: Import from Metadata URL 필드에 metadata URL을 붙여넣습니다.
• Test & Import를 클릭하여 아래 필수 필드를 자동으로 채웁니다.

옵션 2: 수동 구성

Auth0 → Addon: SAML2 Web app → Usage에서 다음 SAML Protocol Configuration Parameter 값을 복사하여 Lovable에 입력합니다.

• Auth0 Identity Provider Login URL → Lovable SAML SSO Sign-on URL from your IdP

• Auth0 Issuer → Lovable Identity Provider Entity ID / Issuer

• Auth0 Identity Provider Certificate (X509Certificate) → Lovable X.509 Signing Certificate (public key)

  Auth0 인증서를 다운로드하고 X509Certificate 값을 복사합니다. -----BEGIN CERTIFICATE-----와 -----END CERTIFICATE----- 줄 사이에 인증서 값을 붙여넣으세요.

표시 이름 및 로그인 URL 구성

Lovable에서 나머지 필드를 입력합니다.

• Display Name: 인증 중 사용자에게 표시되는 이름입니다.
• Verified domain: 로그인 URL의 기반이 되는 인증된 도메인입니다. 인증된 도메인이 하나뿐이면 Lovable이 미리 선택합니다.
• Login URL suffix (optional): 로그인 URL에 덧붙일 값입니다(예: engineering). Lovable은 이 필드 아래에 완성된 URL을 표시합니다. SSO 로그인 URL을 참고하세요.

Lovable에서 SAML provider 구성 완료

Lovable에서 Configure SAML provider를 클릭하고 확인 페이지를 검토한 다음 Confirm & enable SSO를 클릭하여 Auth0를 SAML SSO provider로 구성을 완료합니다.

Microsoft Entra ID에 Lovable 앱 추가

• Microsoft Entra admin center에서 Entra ID → Enterprise apps → New application으로 이동합니다.
• Add from the gallery 섹션에서 Lovable을 검색하고 결과에서 선택한 다음 tenant에 추가합니다.
• 앱을 열고 Single sign-on으로 이동한 다음 Go to application을 선택하여 앱 등록을 엽니다.

Lovable redirect URI 추가

• 앱 등록에서 Authentication으로 이동합니다.
• Redirect URIs에 https://auth.lovable.dev/__/auth/handler를 추가합니다.
• Configure를 클릭합니다.

선택적 클레임 구성

• Microsoft Entra에서 Token configuration → Add optional claim으로 이동합니다.
• ID token을 선택하고 email 클레임을 추가합니다.
• Add를 클릭합니다.

API 권한 구성

• Microsoft Entra에서 API permissions로 이동하여 Lovable에 필요한 Microsoft Graph delegated permission이 목록에 있는지 확인합니다.
  • email
  • openid
  • profile
• 누락된 권한이 있으면 Add a permission → Microsoft Graph → Delegated permissions를 클릭하고 해당 권한을 선택한 다음 Add permissions를 클릭합니다.
• Grant admin consent를 클릭합니다.

client secret 생성

• Microsoft Entra에서 Certificates & secrets → Client secrets → New client secret으로 이동합니다.
• 설명을 입력하고 만료 기간을 선택한 다음 Add를 클릭합니다.
• 시크릿 Value를 즉시 복사합니다. 페이지를 벗어나면 다시 표시되지 않습니다.

Lovable에 IdP 정보 제공

Lovable에서 다음을 입력합니다.

• OIDC Issuer URL/Discovery Endpoint: URL 형식을 https://login.microsoftonline.com/{TENANT_ID}/v2.0으로 지정합니다

  {TENANT_ID}를 Microsoft Entra의 Overview 페이지에 있는 Directory (tenant) ID로 교체하세요.

• Overview 페이지의 Microsoft Entra Application (Client) ID → Lovable OAuth Client ID/Application ID

• 복사해 둔 Microsoft Entra Client secret 값 → Lovable OAuth Client Secret

표시 이름 및 로그인 URL 구성

Lovable에서 나머지 필드를 입력합니다.

• Display Name: 인증 중 사용자에게 표시되는 이름입니다.
• Verified domain: 로그인 URL의 기반이 되는 인증된 도메인입니다. 인증된 도메인이 하나뿐이면 Lovable이 미리 선택합니다.
• Login URL suffix (optional): 로그인 URL에 덧붙일 값입니다(예: engineering). Lovable은 이 필드 아래에 완성된 URL을 표시합니다. SSO 로그인 URL을 참고하세요.

(선택 사항) Lovable에서 구성 테스트

Lovable에서 Test configuration을 클릭합니다. 모든 것이 올바르게 구성되었다면 유효성 검사가 성공해야 합니다.

Lovable에서 OIDC provider 구성 완료

Lovable에서 Configure provider를 클릭하고 확인 페이지를 검토한 다음 Confirm & enable SSO를 클릭하여 Microsoft Entra ID를 OIDC SSO provider로 구성을 완료합니다.

Microsoft Entra ID에서 엔터프라이즈 앱 생성

• Microsoft Entra ID admin center → Enterprise applications로 이동하여 New application을 선택합니다.
• Create your own application을 선택하고 Integrate any other application you don't find in the gallery (Non-gallery)를 선택합니다.
• 앱에 이름을 지정합니다. 예: Lovable SAML SSO.
• Create를 클릭합니다. 이제 애플리케이션이 생성되었습니다.

SAML SSO 구성

Microsoft Entra에서 Single sign-on 설정 페이지로 이동하여 SAML을 선택합니다. Basic SAML Configuration에서 다음을 입력합니다.

• Identifier (Entity ID): https://auth.lovable.dev/__/auth/handler
• Reply URL (Assertion Consumer Service URL): https://auth.lovable.dev/__/auth/handler

다른 값은 비워두고 Save를 선택합니다.

Lovable에 IdP 정보 제공

Microsoft Entra에서 애플리케이션이 설정되면 Lovable에서 빠른 SAML provider 설정 또는 수동 구성 중 하나를 선택할 수 있습니다.

옵션 1: 빠른 설정 - metadata URL에서 가져오기

• Microsoft Entra에서 SAML Certificates로 이동하여 App Federation Metadata URL을 복사합니다.
• Lovable에서 Quick setup: Import from Metadata URL 필드에 App Federation Metadata URL을 붙여넣습니다.
• Test & Import를 클릭하여 아래 필수 필드를 자동으로 채웁니다.

옵션 2: 수동 구성

Microsoft Entra에서 다음 값을 복사하여 Lovable에 입력합니다.

• Microsoft Entra Login URL → Lovable SAML SSO Sign-on URL from your IdP

• Microsoft Entra Microsoft Entra Identifier → Lovable Identity Provider Entity ID / Issuer

• Microsoft Entra X509Certificate → Lovable X.509 Signing Certificate (public key)

  인증서 (Base 64)를 다운로드하거나 새 탭에서 App Federation Metadata URL을 열어 X509Certificate 값을 복사할 수 있습니다. -----BEGIN CERTIFICATE-----와 -----END CERTIFICATE----- 줄 사이에 인증서 값을 붙여넣으세요.

표시 이름 및 로그인 URL 구성

Lovable에서 나머지 필드를 입력합니다.

• Display Name: 인증 중 사용자에게 표시되는 이름입니다.
• Verified domain: 로그인 URL의 기반이 되는 인증된 도메인입니다. 인증된 도메인이 하나뿐이면 Lovable이 미리 선택합니다.
• Login URL suffix (optional): 로그인 URL에 덧붙일 값입니다(예: engineering). Lovable은 이 필드 아래에 완성된 URL을 표시합니다. SSO 로그인 URL을 참고하세요.

Lovable에서 SAML provider 구성 완료

Lovable에서 Configure SAML provider를 클릭하고 확인 페이지를 검토한 다음 Confirm & enable SSO를 클릭하여 Microsoft Entra ID를 SAML SSO provider로 구성을 완료합니다.

OIDC confidential 앱 생성

Identity Provider에서 새 OIDC Web 애플리케이션을 생성합니다.

redirect URI 구성

Redirect/Callback URL에 https://auth.lovable.dev/__/auth/handler를 추가합니다

필수 scope 활성화

openid 및 email scope가 활성화되어 있고 필요한 경우 동의되어 있는지 확인합니다.

Lovable에 IdP 정보 제공

IdP에서 해당 값을 찾아 Lovable에 입력합니다.

• Domain 또는 Issuer URL → Lovable OIDC Issuer URL/Discovery Endpoint
• Client ID → Lovable OAuth Client ID/Application ID
• Client Secret → Lovable OAuth Client Secret

표시 이름 및 로그인 URL 구성

Lovable에서 나머지 필드를 입력합니다.

• Display Name: 인증 중 사용자에게 표시되는 이름입니다.
• Verified domain: 로그인 URL의 기반이 되는 인증된 도메인입니다. 인증된 도메인이 하나뿐이면 Lovable이 미리 선택합니다.
• Login URL suffix (optional): 로그인 URL에 덧붙일 값입니다(예: engineering). Lovable은 이 필드 아래에 완성된 URL을 표시합니다. SSO 로그인 URL을 참고하세요.

(선택 사항) Lovable에서 구성 테스트

Lovable에서 Test configuration을 클릭합니다. 모든 것이 올바르게 구성되었다면 유효성 검사가 성공해야 합니다.

Lovable에서 OIDC provider 구성 완료

Lovable에서 Configure provider를 클릭하고 확인 페이지를 검토한 다음 Confirm & enable SSO를 클릭하여 OIDC SSO provider 구성을 완료합니다.

SAML 2.0 애플리케이션 생성

provider에서 새 SAML 2.0 애플리케이션을 생성합니다.

endpoint 구성

• ACS URL: https://auth.lovable.dev/__/auth/handler
• Audience / Entity ID: https://auth.lovable.dev/__/auth/handler

attribute 매핑

SAML assertion에 email이 포함되어 있는지 확인합니다. displayName은 선택 사항입니다.

사용자 할당

Lovable에 접근해야 하는 사용자·그룹에 애플리케이션을 할당합니다.

Lovable에 IdP 정보 제공

Lovable에서 빠른 SAML provider 설정 또는 수동 구성 중 하나를 선택합니다.

옵션 1: 빠른 설정 - metadata URL에서 가져오기

• IdP에서 SAML metadata URL을 찾습니다 (일반적으로 SAML 애플리케이션 설정 또는 metadata 세부 정보에 있음)
• Lovable에서 Quick setup: Import from Metadata URL 필드에 metadata URL을 붙여넣습니다.
• Test & Import를 클릭하여 아래 필수 필드를 자동으로 채웁니다.

옵션 2: 수동 구성

IdP에서 해당 값을 찾아 Lovable에 입력합니다.

• Login URL → Lovable SAML SSO Sign-on URL from your IdP
• Identifier/Issuer/Entity ID → Lovable Identity Provider Entity ID / Issuer
• X509Certificate → Lovable X.509 Signing Certificate (public key)

표시 이름 및 로그인 URL 구성

Lovable에서 나머지 필드를 입력합니다.

• Display Name: 인증 중 사용자에게 표시되는 이름입니다.
• Verified domain: 로그인 URL의 기반이 되는 인증된 도메인입니다. 인증된 도메인이 하나뿐이면 Lovable이 미리 선택합니다.
• Login URL suffix (optional): 로그인 URL에 덧붙일 값입니다(예: engineering). Lovable은 이 필드 아래에 완성된 URL을 표시합니다. SSO 로그인 URL을 참고하세요.

Lovable에서 SAML provider 구성 완료

Lovable에서 Configure SAML provider를 클릭하고 확인 페이지를 검토한 다음 Confirm & enable SSO를 클릭하여 SAML SSO provider 구성을 완료합니다.