비밀번호 보관함 적용 앱 서비스에 앱 추가하기

비밀번호 보관함 적용 앱 서비스를 설정하려면 앱 라이브러리에서 사용 가능한 웹 기반 애플리케이션을 검색하고 선택하여 서비스에 앱을 추가하거나 맞춤 앱을 추가할 수 있습니다. 자세한 내용은 아래 섹션을 참고하세요.

앱 라이브러리에서 앱 추가하기

1. 관리자 계정으로 Google 관리 콘솔에 로그인합니다.

   관리자 계정을 사용하지 않으면 관리 콘솔에 액세스할 수 없습니다.

2. 메뉴  앱 > 비밀번호 보관함 적용 앱으로 이동합니다.

   비밀번호 보관함 관리자 권한을 요구합니다.

3. 앱 추가를 클릭합니다.
4. 사용 가능한 앱 라이브러리를 검색하려면 앱 이름을 입력합니다.
   그러면 일치하는 애플리케이션 목록이 표시됩니다.
   
   참고: 검색 중인 앱이 라이브러리에 없는 경우 맞춤 앱을 추가할 수 있습니다. 자세한 내용은 아래 섹션의 맞춤 앱 추가하기를 참고하세요.
    
5. 추가하려는 앱 위로 스크롤하고 '앱 추가'를 클릭합니다.
6. 앱 세부정보를 입력합니다.
   앱 이름 입력란에 사용자 대시 보드에 표시될 맞춤 표시 이름을 입력합니다.
   필요하면 앱 이름과 로그인 URL을 모두 입력합니다. 다중 설치 지원 앱(즉, 다중 테넌트 지원 앱) 및 다른 로그인 URL이 있는 앱에는 이 작업이 필요합니다.
7. '앱 추가'를 클릭합니다.
8. 앱에 그룹 또는 사용자를 할당하려면 할당을 클릭합니다.
   그룹 또는 사용자 필터를 사용하면 선택한 사용자 그룹으로 할당 범위를 좁힐 수 있습니다. 
9. 그룹 또는 사용자를 선택한 다음 액세스 권한 부여를 클릭합니다.

맞춤 앱 추가하기

찾고 있는 웹 기반 애플리케이션이 앱 라이브러리에 없는 경우 비밀번호 보관함 적용 앱 서비스에 맞춤 앱을 추가할 수 있습니다. 맞춤 앱을 추가하려면 아래 단계에 따라 해당 맞춤 앱의 로그인 페이지에서 세부정보를 가져와야 합니다. 사용자 이름 입력란, 비밀번호 입력란, 제출 버튼이 동일한 로그인 페이지에 있는 앱의 경우에만 이 과정이 올바르게 진행됩니다.

다음 단계를 따르세요. 

1. 관리자 계정으로 Google 관리 콘솔에 로그인합니다.

   관리자 계정을 사용하지 않으면 관리 콘솔에 액세스할 수 없습니다.

2. 메뉴  앱 > 비밀번호 보관함 적용 앱으로 이동합니다.

   비밀번호 보관함 관리자 권한을 요구합니다.

3. 앱 추가를 클릭합니다.
4. 앱 검색 입력란에 맞춤 앱을 입력하고 맞춤 앱 위로 마우스 커서를 가져간 다음 앱 추가를 클릭합니다.
   
   참고: 앱 라이브러리에 없는 앱의 이름을 입력한 후 맞춤 앱 추가를 클릭할 수도 있습니다.
    
5. 맞춤 앱에 대한 다음 앱 세부정보를 입력합니다.
   1. 앱 이름: 사용자 대시보드에 표시될 맞춤 표시 이름을 입력합니다.
   2. 로그인 URL: 비밀번호 보관함 적용 앱 서비스에 추가하려는 맞춤 앱의 전체 로그인 URL입니다. 예를 들어 로그인 URL이 https://solarmora.com인 경우 https://solarmora.com을 입력합니다.
   3. 사용자 이름 입력란 CSS 선택자: 유효한 사용자 이름 입력란 CSS 선택자를 입력합니다. (CSS 선택자에 대한 자세한 내용은 CSS 선택자 참조를 참고하세요.)
      
      위 단계에서 설명한 로그인 URL 페이지에서 사용자 이름 입력란 CSS 선택자를 검색하고 이 정보를 제공해야 Google 시스템에서 앱의 로그인 입력란을 찾을 수 있습니다.
      1. 로그인 페이지에서 사용자 이름 입력란을 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다. 그러면 브라우저의 DevTools 콘솔이 열리고 사용자 이름 입력란의 DOM 요소가 강조표시됩니다. 다음 텍스트 문자열은 DOM 요소의 예입니다.
         
         <input type="text" class="inputtext _55r1 _6luy" name="email" placeholder="Email or Phone Number" aria-label="Email or Phone Number">
          
      2. 강조표시된 DOM 요소에서 ID 속성 또는 이름속성(예: name="email")을 복사합니다. ID 속성 및 이름 속성을 사용할 수 없는 경우 유형(type) 속성을 복사합니다. ID 및 이름 속성은 DOM 요소별로 고유하기 때문에 해당 속성을 사용하는 것을 추천합니다. 이 DOM 요소의 고유한 값이라면 다른 속성도 사용할 수 있습니다.
      3. 위의 예의 경우 '사용자 이름 입력란 CSS 선택자' 입력란에 name="email"을 붙여넣고 다음과 같이 대괄호를 추가합니다. [name="email"]
         
         참고: 이는 입력란에 입력할 수 있는 문자열의 예시일 뿐입니다.
   4. '비밀번호 입력란 CSS 선택자': 유효한 비밀번호 입력란 CSS 선택자를 입력합니다.
      
      위의 단계와 마찬가지로 로그인 URL 페이지에서 비밀번호 입력란 CSS 선택자를 검색해야 합니다.
      1. 로그인 페이지에서 비밀번호 입력란을 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다. 그러면 브라우저의 DevTools 콘솔이 열리고 비밀번호 입력란의 DOM 요소가 강조표시됩니다.
      2. 강조표시된 DOM 요소에서 ID 속성 또는 이름 속성(예: name="pass")을 복사합니다. ID 속성 및 이름 속성을 사용할 수 없는 경우 유형(type) 속성을 복사합니다. ID 및 이름 속성은 DOM 요소별로 고유하기 때문에 해당 속성을 사용하는 것을 추천합니다. 이 DOM 요소의 고유한 값이라면 다른 속성도 사용할 수 있습니다.
      3. 위의 예의 경우, '비밀번호 입력란 CSS 선택자' 입력란에 name="pass"를 붙여넣고 다음과 같이 대괄호를 추가합니다. [name="pass"]
         
         참고: 이는 입력란에 입력할 수 있는 문자열의 예시일 뿐입니다.
   5. '로그인 버튼 CSS 선택자': 유효한 로그인 버튼 CSS 선택자를 입력합니다.
      
      위의 단계와 마찬가지로 로그인 URL 페이지에서 로그인 버튼 CSS 선택자를 검색해야 합니다.
      1. 로그인 페이지에서 로그인 버튼을 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다. 그러면 브라우저의 DevTools 콘솔이 열리고 로그인 버튼의 DOM 요소가 강조표시됩니다.
      2. 강조표시된 DOM 요소에서 ID 속성 또는 이름 속성(예: 이름="login")을 복사합니다. ID 속성 및 이름 속성을 사용할 수없는 경우 유형 속성을 복사합니다. ID 및 이름 속성은 DOM 요소별로 고유하기 때문에 해당 속성을 사용하는 것을 추천합니다. 이 DOM 요소의 고유한 값이라면 다른 속성도 사용할 수 있습니다.
      3. 위의 예의 경우 로그인 버튼 CSS 선택자 입력란에 name="login"을 붙여넣고 다음과 같이 대괄호를 추가합니다. [name="login"]
         
         참고: 이는 로그인 버튼 CSS 선택자 입력란에 입력할 수 있는 문자열의 예입니다.
         
         선택적인 단계로 document.querySelector를 사용하여 CSS 선택자의 유효성을 테스트할 수 있습니다. ​​자세한 내용은 이 예를 참고하세요.
6. '앱 추가'를 클릭합니다.
7. 앱에 그룹 또는 사용자를 할당하려면 할당을 클릭합니다.
   그룹 또는 사용자 필터를 사용하면 선택한 사용자 그룹으로 할당 범위를 좁힐 수 있습니다.
8. 그룹 또는 사용자를 선택한 다음 액세스 권한 부여를 클릭합니다.