워크스페이스 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

표시 이름 및 SSO 로그인 식별자 (tenant ID) 구성

Lovable에서 원하는 대로 이 값을 업데이트합니다. 값은 인증된 도메인을 기반으로 미리 채워집니다.

• Display name: 인증 중 사용자에게 표시되는 이름입니다.
• SSO login identifier (tenant ID): 사용자가 SSO로 직접 로그인하는 데 사용할 URL입니다.

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

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

Lovable에서 OIDC provider 구성 완료

Lovable에서 Configure provider를 클릭하여 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----- 줄 사이의 인증서 값을 붙여넣으세요.

표시 이름 및 SSO 로그인 식별자 (tenant ID) 구성

Lovable에서 원하는 대로 이 값을 업데이트합니다. 값은 인증된 도메인을 기반으로 미리 채워집니다.

• Display name: 인증 중 사용자에게 표시되는 이름입니다.
• SSO login identifier (tenant ID): 사용자가 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

표시 이름 및 SSO 로그인 식별자 (tenant ID) 구성

Lovable에서 원하는 대로 이 값을 업데이트합니다. 값은 인증된 도메인을 기반으로 미리 채워집니다.

• Display name: 인증 중 사용자에게 표시되는 이름입니다.
• SSO login identifier (tenant ID): 사용자가 SSO로 직접 로그인하는 데 사용할 URL입니다.

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

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

Lovable에서 OIDC provider 구성 완료

Lovable에서 Configure provider를 클릭하여 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----- 줄 사이에 인증서 값을 붙여넣으세요.

표시 이름 및 SSO 로그인 식별자 (tenant ID) 구성

Lovable에서 원하는 대로 이 값을 업데이트합니다. 값은 인증된 도메인을 기반으로 미리 채워집니다.

• Display name: 인증 중 사용자에게 표시되는 이름입니다.
• SSO login identifier (tenant ID): 사용자가 SSO로 직접 로그인하는 데 사용할 URL입니다.

Lovable에서 SAML provider 구성 완료

Lovable에서 Configure SAML Provider → Confirm & Enable SSO를 클릭하여 Auth0를 SAML SSO provider로 구성을 완료합니다.

Microsoft Entra ID에서 앱 등록 생성

• Microsoft Entra admin center → App registrations → New registration으로 이동합니다.
• 앱에 이름을 지정합니다. 예: Lovable OIDC SSO.
• Redirect URI 구성
  • Platform을 Web으로 선택합니다.
  • redirect URL https://auth.lovable.dev/__/auth/handler를 붙여넣고 Save를 클릭합니다.
• Register를 클릭합니다.

선택적 클레임 구성

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

API 권한 구성

• Microsoft Entra에서 API permissions → Add a permission → Microsoft Graph로 이동합니다.
• Delegated permissions를 선택하고 다음을 추가합니다.
  • email
  • openid
  • profile
• Add permissions를 클릭합니다.

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로 교체하세요.

Microsoft Entra의 Overview 페이지에서 client ID 값을 복사하여 Lovable에 입력합니다.

• Microsoft Entra Application (Client) ID → Lovable OAuth Client ID/Application ID

Microsoft Entra에서 client secret을 구성하고 Lovable에 입력합니다.

• Certificates & secrets → New client secret으로 이동합니다.
• 시크릿을 생성하고 즉시 시크릿 값을 복사합니다 (다시 표시되지 않음).
• Microsoft Entra Client secret을 Lovable OAuth Client Secret에 붙여넣습니다

표시 이름 및 SSO 로그인 식별자 (tenant ID) 구성

Lovable에서 원하는 대로 이 값을 업데이트합니다. 값은 인증된 도메인을 기반으로 미리 채워집니다.

• Display name: 인증 중 사용자에게 표시되는 이름입니다.
• SSO login identifier (tenant ID): 사용자가 SSO로 직접 로그인하는 데 사용할 URL입니다.

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

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

Lovable에서 OIDC provider 구성 완료

Lovable에서 Configure provider를 클릭하여 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----- 줄 사이에 인증서 값을 붙여넣으세요.

표시 이름 및 SSO 로그인 식별자 (tenant ID) 구성

Lovable에서 원하는 대로 이 값을 업데이트합니다. 값은 인증된 도메인을 기반으로 미리 채워집니다.

• Display name: 인증 중 사용자에게 표시되는 이름입니다.
• SSO login identifier (tenant ID): 사용자가 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

표시 이름 및 SSO 로그인 식별자 (tenant ID) 구성

Lovable에서 원하는 대로 이 값을 업데이트합니다. 값은 인증된 도메인을 기반으로 미리 채워집니다.

• Display name: 인증 중 사용자에게 표시되는 이름입니다.
• SSO login identifier (tenant ID): 사용자가 SSO로 직접 로그인하는 데 사용할 URL입니다.

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)

표시 이름 및 SSO 로그인 식별자 (tenant ID) 구성

Lovable에서 원하는 대로 이 값을 업데이트합니다. 값은 인증된 도메인을 기반으로 미리 채워집니다.

• Display name: 인증 중 사용자에게 표시되는 이름입니다.
• SSO login identifier (tenant ID): 사용자가 SSO로 직접 로그인하는 데 사용할 URL입니다.