Lovable Cloud 앱의 전화번호 인증
자체 SMS 공급자를 사용해, 사용자가 전화번호와 SMS 일회용 코드(OTP)로 Lovable Cloud 앱에 로그인하도록 합니다.
이 페이지는 내장 백엔드(Cloud)를 사용하는 앱의 전화번호 인증 설정을 다룹니다. 자체 Supabase 프로젝트에 연결된 프로젝트는 인증을 대신 Supabase에서 관리합니다. 모든 로그인 방식과 사용자 관리에 대한 개요는 사용자 및 인증을 참고하세요.
사용자가 전화번호로 앱에 로그인하도록 합니다. 전화번호를 입력하면 SMS로 일회용 코드를 받고, 그 코드를 입력해 로그인합니다. 기억할 비밀번호도, 이메일 수신함도 필요하지 않습니다.
Google 및 Apple 로그인과 달리, 전화번호 인증에는 관리형 모드가 없습니다. SMS 발송은 항상 자체 SMS 공급자 계정을 통해 이뤄지며, 공급자가 메시지 요금을 직접 청구합니다.
전화번호 로그인을 사용하는 이유
- 이메일이 흔치 않거나 잘 확인되지 않는 사용자층에 적합합니다
- 전화번호 입력이 자연스러운 모바일 우선 제품에 어울립니다
- 새로 만들거나, 잊거나, 재설정할 비밀번호가 없습니다
- 전화번호가 앱의 검증된 연락 채널 역할도 겸합니다
일반적인 사용 사례
전화번호 로그인은 흔히 다음과 같은 경우에 쓰입니다.
- 판매자와 배달원이 전화로 소통하는 마켓플레이스·배달 앱
- 방문 고객이 있는 지역 서비스·예약 앱
- 전화번호가 주된 온라인 신원인 지역을 위한 앱
- 회사 이메일이 없는 직원을 위한 내부 현장 도구
전화번호 로그인 설정
SMS 공급자 계정 만들기
전화번호 로그인에는 지원되는 공급자 중 하나의 계정이 필요합니다. 계정을 만들고 공급자 콘솔에서 자격 증명을 수집하세요.
| Provider | 입력하는 자격 증명 |
|---|---|
| Twilio | Account SID, Auth token, Content SID, Message service SID |
| Twilio Verify | Account SID, Auth token, Verify service SID |
| TextLocal | API key, Sender (최대 6자) |
| Vonage | API key, API secret, From (발신 번호) |
| MessageBird | Access key, Originator (최대 11자) |
사용자가 있는 국가에서의 요금과 발송 커버리지를 기준으로 공급자를 선택하세요.
Lovable에서 전화번호 로그인 활성화 및 설정
Cloud 탭 → Users → Auth settings → Phone으로 이동해 Enable phone sign-in을 켜고, Active SMS provider를 선택한 뒤 해당 자격 증명을 입력합니다.
앱에 로그인 흐름 추가하기
Lovable에게 전화번호 로그인 UI를 만들어 달라고 요청하세요.
SMS 코드를 사용해서 전화번호로 로그인할 수 있게 해줘.흐름 테스트하기
실제 전화번호로 로그인해서 코드가 도착하는지, 코드 화면이 이를 받아들이는지, 새 사용자가 Cloud 탭 → Users에 나타나는지 확인하세요.
설정
다음 설정이 로그인 흐름을 제어합니다.
- SMS template: 사용자에게 전송되는 메시지 텍스트입니다. 일회용 코드가 표시될 위치에
{{ .Code }}를 사용합니다. - SMS OTP expiration (seconds): 코드가 유효하게 유지되는 시간으로, 60초에서 600초까지입니다.
- SMS OTP length: 4자리에서 8자리까지입니다.
- Auto-confirm SMS: OTP 검증 없이 사용자를 로그인시킵니다. 테스트 중에는 유용하지만, 사용자가 해당 전화번호를 소유했다는 증거가 사라지므로 프로덕션에서는 꺼 두세요.
비용
Lovable은 SMS 발송에 대해 요금을 청구하지 않습니다. SMS 공급자가 전송된 메시지마다 공급자 자체 요율로 계정에 직접 청구합니다. 가입량이 많으면 SMS 발송량도 많아지므로, 앱이 성장함에 따라 공급자의 사용량 대시보드를 주시하세요.