옵션 1 - 앱의 보안 수준을 프로덕션으로 설정하여 기본 login.html 페이지를 사용합니다.

In Studio Pro, 클릭 프로젝트 보안 앱 탐색기 창에서 보안 수준을 설정하세요. 생산이렇게 하면 기본 로그인 페이지가 자동으로 활성화됩니다.

이제 확인을 클릭하고 앱을 실행합니다. 브라우저에서 앱으로 이동하면 사용자 이름과 비밀번호가 필요한 로그인 페이지로 이동하여 사용자를 인증합니다.

이것은 앱의 기본 설정입니다 로그인.html 앱 디렉토리 내부에서 찾을 수 있는 페이지 테마 폴더 내부. 원하는 경우 이 HTML 파일을 수정하여 앱의 모양과 느낌에 맞게 하거나 SSO를 구현할 수 있지만, 이것은 그대로 작동합니다.

앱 탐색에 "Accounts_Overview" 페이지를 추가하여 관리자 권한으로 사용자 계정을 만들고 관리할 수 있습니다.

옵션 2 - 익명 사용자 허용 및 사용자 정의 로그인 페이지 생성

두 번째 옵션은 게스트 사용자가 로그인할 수 있도록 WYSIWYG를 사용하여 Studio Pro 내부에 페이지를 만드는 것입니다. 이를 위해 프로젝트 보안 설정을 다시 열어야 합니다.

로 이동 사용자 역할 탭을 클릭하고 새로 만들기를 클릭하여 '라는 새 역할을 만듭니다.손님'.

이제 익명 사용자 탭으로 이동하여 익명 사용자 허용을 예로 설정할 수 있습니다. 그런 다음 아래 드롭다운에서 게스트 사용자 역할을 선택합니다.

게스트 사용자가 로그인하여 인증된 사용자가 될 수 있는 페이지로 이동하도록 탐색을 설정해야 합니다. 보안 바로 아래에 있는 탐색 창을 열고 역할 기반 홈 페이지에서 편집을 클릭합니다. 새로 만들기를 클릭하고 게스트를 선택한 다음 대상 선택을 클릭합니다. 여기서 사용자 역할이 이동해야 하는 페이지를 선택할 수 있습니다. 첫 번째 모듈을 선택하고 '새로 만들기'를 클릭한 다음 '페이지 만들기'를 선택합니다. 페이지에 Login_Web과 같은 이름을 지정하고 로그인 템플릿을 선택한 다음 확인을 클릭합니다.

이제 거의 끝났습니다. 왼쪽 속성 창에서 "표시 대상"을 정의하고 여기서 게스트를 선택하는 것을 잊지 마세요. 앱을 실행하여 테스트해보세요.

완료되면 반응형 프로필에 대한 역할 기반 홈페이지가 아래 스크린샷과 비슷하게 보일 것입니다.

이것을 테스트할 때 데모 스위처 위젯을 사용하여 사용자 역할을 빠르게 변경할 수 있다는 것을 기억하세요. 로그인 자격 증명을 만들려면 관리자가 Accounts_Overview 페이지에 액세스할 수 있도록 탐색을 설정해야 합니다. 또는 게스트 사용자를 위한 가입 프로세스를 만들 수 있습니다.