Twilio에 앱 연결하기
앱을 Twilio에 연결하여 SMS/MMS 메시지 전송, 음성 통화, 전화 기반 커뮤니케이션 플로우를 Lovable 앱에서 바로 구현하세요.
Twilio는 앱이 전화를 통해 사용자에게 도달할 수 있게 해주는 클라우드 커뮤니케이션 플랫폼입니다. 실시간 문자 업데이트, 전화 인증, 음성 통화, 메시징 기반 워크플로우가 필요한 앱에 적합합니다.
Twilio를 연동하면 앱에서 다음과 같은 작업이 가능합니다:
- SMS 및 MMS 메시지 송수신
- 음성 통화 발신 및 관리
- WhatsApp 메시징 플로우 지원
- 전화번호 유효성 검사 및 조회
Twilio는 인앱 알림이나 이메일이 아닌, 전화나 문자로 사용자와 소통해야 할 때 적합합니다.
주요 활용 사례 및 예시 앱
| 예시 앱 | 프롬프트 예시 | 설명 |
|---|---|---|
| SMS 알림 및 경고 | 주문 추적 앱을 만들어줘. 주문이 발송되면 고객에게 추적 링크와 함께 문자를 보내줘. | 앱 이벤트에 따라 실시간 SMS 업데이트를 전송합니다. 상태 변경을 감지하고, 메시지를 생성해 고객에게 자동으로 전송합니다. |
| 전화 인증 플로우 | 회원가입 시 SMS로 일회성 코드를 보내 전화번호를 인증한 후 계정을 만드는 플로우를 구현해줘. | 온보딩이나 로그인에 전화 기반 인증을 추가합니다. 일회성 코드를 전송하고, 사용자 입력을 확인한 뒤 진행합니다. |
| 예약 리마인더 | 예약 앱을 만들고, 예약 24시간 전에 문자를 보내고 시간 변경 시 다시 알려줘. | 예약 데이터를 기반으로 자동 리마인더 메시지를 전송합니다. 수동 후속 조치 없이 적절한 시점에 문자를 트리거합니다. |
| 음성 통화 업데이트 | 서비스 앱을 만들어줘. 기술자가 출발하면 고객에게 녹음 메시지로 전화를 걸어줘. | 즉각적인 주의가 필요한 업데이트 시 앱에서 아웃바운드 음성 통화를 트리거합니다. 전화를 걸어 음성 메시지를 전달합니다. |
| WhatsApp 지원 인박스 | 고객 지원 앱을 만들어줘. 사용자가 WhatsApp으로 메시지를 보내면 상담원이 앱에서 답변할 수 있게 해줘. | WhatsApp을 제품의 커뮤니케이션 채널로 추가합니다. Twilio를 통해 메시지를 송수신하여 워크플로우 안에서 대화를 처리합니다. |
| 전화번호 유효성 검사 | 리드 수집 폼을 만들어줘. 전화번호가 유효한지 확인한 뒤 데이터베이스에 저장해줘. | 전화번호를 저장하거나 사용하기 전에 유효성을 검증합니다. Twilio를 통해 번호를 확인하여 더 깨끗한 연락처 데이터로 워크플로우를 시작합니다. |
Twilio 연결하기
워크스페이스 admins와 owners가 Twilio를 연결할 수 있습니다.
서로 다른 API 키를 사용하여 Twilio 연결을 여러 개 만들 수 있습니다. 예를 들어, 개발/운영 환경을 분리하거나 여러 Twilio 계정을 관리할 때 유용합니다.
연결을 만들면 해당 워크스페이스의 모든 프로젝트에서 Twilio를 사용할 수 있습니다.
사전 준비
Twilio를 연결하기 전에 다음을 준비하세요:
- Twilio 계정
- SMS, MMS 전송 또는 통화에 필요한 경우 Twilio 전화번호
- Standard Twilio API 키
- Lovable 워크스페이스 owner 또는 admin 권한
이 커넥터를 통한 SMS, MMS, 음성, WhatsApp 등 모든 Twilio 사용량은 Twilio 계정과 요금제에 따라 Twilio에서 직접 청구됩니다. Lovable이 아닌 Twilio가 과금을 처리합니다.
1단계: Twilio API 키 생성
Twilio는 단일 토큰 대신 API Key SID와 Secret을 사용합니다. 메인 Auth Token을 사용하는 것보다 안전합니다. API 키는 독립적으로 해지할 수 있기 때문입니다.
Twilio Standard API Key를 만들려면:
- Twilio Console에 로그인합니다.
- Account → API keys & tokens로 이동합니다.
- Create API key를 클릭합니다.
- Friendly name을 입력합니다. 예:
Lovable integration - 키의 Region을 선택합니다:
- United States (US1): 대부분 계정의 기본값
- Ireland (IE1)
- Australia (AU1)
- Key type은 Standard로 둡니다.
- Create API key를 클릭합니다.
- API Key SID (
SK로 시작)와 Secret을 복사합니다. Secret은 한 번만 표시되므로 페이지를 떠나기 전에 안전하게 저장하세요.
API Key Secret은 비밀번호와 같습니다. 안전하게 보관하고 절대 공개하지 마세요. 다음 단계에서 필요합니다.
프로덕션 트래픽을 보내기 전에 이 커넥터를 비관리형 커넥터로 간주하고 Twilio 인증 정보를 안전하게 보호하세요. API Key Secret을 비공개로 유지하고, Twilio SMS Pumping Protection을 활성화하며, SMS Geo Permissions를 검토해 의도한 대상 국가만 허용하세요.
Account SID (AC로 시작)도 필요합니다. Twilio Console에서 확인할 수 있습니다. Twilio API 인증 정보는 리전별로 다르므로, 키 생성 시 선택한 리전과 Lovable 연결 설정 시의 리전이 일치해야 합니다.
자세한 안내는 Twilio 문서를 참고하세요: Create API keys in Twilio console
2단계: Lovable에 Twilio 연결
- Connectors → App connectors를 열고 Twilio를 선택합니다.
- Add connection을 클릭합니다.
- Display name에 연결 이름을 입력합니다. 예:
Twilio Prod - Region에서 API 키 생성 시 사용한 것과 동일한 Twilio 리전을 선택합니다:
- United States (US1)
- Ireland (IE1)
- Australia (AU1)
- Account SID에 Twilio Account SID (
AC로 시작)를 입력합니다. - Standard API Key SID에 생성한 API Key SID (
SK로 시작)를 입력합니다. - API Key Secret에 키 생성 시 표시된 Secret을 입력합니다.
- Create를 클릭합니다.
연결이 완료되면 Lovable 앱에서 Twilio를 사용하여 메시지를 보내고 전화 기반 커뮤니케이션 플로우를 구현할 수 있습니다.
Twilio 연결에서 프로젝트 연결 해제
Editor 이상 권한을 가진 사용자는 연결 자체를 삭제하지 않고 특정 프로젝트만 연결 해제할 수 있습니다. 연결은 다른 프로젝트에서 계속 사용할 수 있습니다.
연결 해제 방법:
Open Connectors
Connectors를 열고 App connectors로 이동한 뒤 **Twilio**를 선택합니다.
연결 열기
관리할 연결을 엽니다.
프로젝트 선택
Linked projects에서 연결 해제할 프로젝트를 선택합니다.
확인
Unlink projects를 클릭하고 확인합니다.
연결 해제 후 해당 프로젝트는 이 연결을 통해 Twilio에 접근할 수 없습니다. 필요하면 다른 연결로 다시 연결할 수 있습니다.
Twilio 연결 삭제
워크스페이스 admins와 owners가 Twilio 연결을 삭제할 수 있습니다.
연결 삭제는 영구적이며 되돌릴 수 없습니다. 연결된 모든 프로젝트에서 인증 정보가 제거되며, 새 연결을 만들기 전까지 이 연결을 사용하던 앱은 동작을 멈춥니다.
삭제 전에 Linked projects 섹션에서 현재 이 연결을 사용 중인 프로젝트를 먼저 확인하세요.
삭제 방법:
Open Connectors
Connectors를 열고 App connectors로 이동한 뒤 **Twilio**를 선택합니다.
연결 열기
삭제할 연결을 엽니다.
연결된 프로젝트 확인
Linked projects 섹션을 확인합니다.
삭제
Delete this connection에서 Delete를 클릭하고 확인합니다.