Bubble.io에서 사용자 등록과 로그인을 어떻게 설정하나요?

Bubble.io 앱에서 사용자 등록 및 로그인을 설정하는 것은 사용자에게 개인화되고 안전한 경험을 제공하는 데 중요한 단계입니다. 그것을 달성하기 위해 단순화된 단계별 가이드를 제공합니다:

1단계: 가입 및 로그인 UI 디자인
단일 페이지 또는 별도의 페이지 또는 요소에 두 가지 양식을 생성하십시오 - 하나는 가입을 위한 것이고 다른 하나는 로그인을 위한 것입니다. 각각은 이메일과 패스워드의 입력 필드를 가져야 합니다. 추가로, 패스워드 필드의 문자가 별표로 바뀌도록 하고 이메일 입력이 올바른 이메일 형식으로 검증되도록 해야 합니다.

2단계: 가입 워크플로우 설정
Bubble에서 기본 제공하는 "가입" 액션을 사용하십시오. 이를 위해 사용자의 이메일과 패스워드를 수집해야 합니다. 패스워드 확인을 위해 두 번째 패스워드 입력을 선택적으로 포함할 수도 있습니다.

설정하는 방법은 다음과 같습니다:

• 가입 버튼 또는 폼 트리거에 워크플로우를 추가합니다.
• '사용자를 가입시키다' 액션을 선택합니다.
• 액션 필드의 이메일과 비밀번호에 입력 요소의 값을 사용합니다.

3단계: 이메일 인증 구현 (선택)
선택 사항이지만 사용자 이메일 주소를 검증하는 것이 좋습니다. 사용자가 가입 후에 내장된 '이메일 확인 보내기' 액션을 사용하여 확인 이메일을 보내 이를 수행할 수 있습니다.

4단계: 가입 후 사용자를 대시보드로 안내
사용자가 가입하면 플랫폼과 상호 작용을 시작할 수 있는 대시보드나 앱의 다른 부분으로 이동시킬 수 있습니다. 가입을 처리하는 동일한 워크플로우 내에서 '페이지로 이동' 액션을 사용합니다.

5단계: 로그인 워크플로우 설정
로그인 프로세스 설정은 가입과 유사합니다:

• 로그인 양식의 버튼 또는 트리거에 워크플로우를 추가합니다.
• '사용자를 로그인 시키다' 액션을 선택합니다.
• 로그인 양식의 입력 요소를 사용하여 액션 필드의 이메일과 비밀번호를 사용합니다.

6단계: 서드파티 서비스로 로그인 처리 (선택)
사용자가 Facebook이나 Google과 같은 서비스를 사용하여 로그인 할 수 있도록 하려면 OAuth 프로세스를 설정해야합니다.

• Bubble에 서비스의 플러그인을 설치합니다.
• 표준 로그인 액션 대신 '소셜 네트워크를 이용한 가입/로그인' 액션을 사용합니다.

7단계: 사용자 등록 및 로그인 프로세스 테스트
이제 워크플로우를 설정한 것이므로 전체 등록 및 로그인 프로세스를 테스트하십시오:

• 테스트 이메일과 비밀번호로 가입합니다.
• 새 사용자가 올바른 데이터와 함께 데이터베이스에 저장되는지 확인합니다.
• 로그아웃한 후 동일한 자격 증명을 사용하여 다시 로그인하여 로그인 프로세스가 작동하는지 확인합니다.

8단계: 세션 관리
Bubble은 사용자 세션을 관리하며, 이는 최대 12개월 또는 사용자가 로그아웃하거나 브라우저 쿠키를 지울 때까지 유효합니다.

9단계: 사용자 역할 및 권한 설정 (고급)
강화된 보안 및 개인화된 콘텐츠 배달을 위해 Bubble의 내장된 사용자 역할 및 권한 기능을 사용하십시오. 앱 내에서 액세스하거나 수정할 수 있는 특정 권한과 연결되어 있는 다양한 역할을 할당할 수 있습니다.

이 단계를 따르면, Bubble.io 앱에 완전히 기능하는 사용자 등록 및 로그인 시스템이 있게 되어 개인화된 사용자 경험, 안전한 접근 제어, 효율적인 데이터 관리를 가능하게 합니다.