Twilio에 앱 연결하기
앱을 Twilio에 연결하여 SMS/MMS 메시지 전송, 음성 통화, 전화 기반 커뮤니케이션 플로우를 Lovable 앱에서 바로 구현하세요.
Twilio는 앱이 전화를 통해 사용자에게 도달할 수 있게 해주는 클라우드 커뮤니케이션 플랫폼입니다. 실시간 문자 업데이트, 전화 인증, 음성 통화, 메시징 기반 워크플로우가 필요한 앱에 적합합니다.
Twilio를 연동하면 앱에서 다음과 같은 작업이 가능합니다:
- SMS 및 MMS 메시지 송수신
- 음성 통화 발신 및 관리
- WhatsApp 메시징 플로우 지원
- 전화번호 유효성 검사 및 조회
Twilio는 인앱 알림이나 이메일이 아닌, 전화나 문자로 사용자와 소통해야 할 때 적합합니다.
주요 활용 사례 및 예시 앱
| 예시 앱 | 프롬프트 예시 | 설명 |
|---|---|---|
| SMS 알림 및 경고 | 주문 추적 앱을 만들어줘. 주문이 발송되면 고객에게 추적 링크와 함께 문자를 보내줘. | 앱 이벤트에 따라 실시간 SMS 업데이트를 전송합니다. 상태 변경을 감지하고, 메시지를 생성해 고객에게 자동으로 전송합니다. |
| 전화 인증 플로우 | 회원가입 시 SMS로 일회성 코드를 보내 전화번호를 인증한 후 계정을 만드는 플로우를 구현해줘. | 온보딩이나 로그인에 전화 기반 인증을 추가합니다. 일회성 코드를 전송하고, 사용자 입력을 확인한 뒤 진행합니다. |
| 예약 리마인더 | 예약 앱을 만들고, 예약 24시간 전에 문자를 보내고 시간 변경 시 다시 알려줘. | 예약 데이터를 기반으로 자동 리마인더 메시지를 전송합니다. 수동 후속 조치 없이 적절한 시점에 문자를 트리거합니다. |
| 음성 통화 업데이트 | 서비스 앱을 만들어줘. 기술자가 출발하면 고객에게 녹음 메시지로 전화를 걸어줘. | 즉각적인 주의가 필요한 업데이트 시 앱에서 아웃바운드 음성 통화를 트리거합니다. 전화를 걸어 음성 메시지를 전달합니다. |
| WhatsApp 지원 인박스 | 고객 지원 앱을 만들어줘. 사용자가 WhatsApp으로 메시지를 보내면 상담원이 앱에서 답변할 수 있게 해줘. | WhatsApp을 제품의 커뮤니케이션 채널로 추가합니다. Twilio를 통해 메시지를 송수신하여 워크플로우 안에서 대화를 처리합니다. |
| 전화번호 유효성 검사 | 리드 수집 폼을 만들어줘. 전화번호가 유효한지 확인한 뒤 데이터베이스에 저장해줘. | 전화번호를 저장하거나 사용하기 전에 유효성을 검증합니다. Twilio를 통해 번호를 확인하여 더 깨끗한 연락처 데이터로 워크플로우를 시작합니다. |
Twilio 연결하기
워크스페이스 admin 또는 owner가 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은 비밀번호와 같습니다. 안전하게 보관하고 절대 공개하지 마세요. 다음 단계에서 필요합니다.
Account SID (AC로 시작)도 필요합니다. Twilio Console에서 확인할 수 있습니다. Twilio API 인증 정보는 리전별로 다르므로, 키 생성 시 선택한 리전과 Lovable 연결 설정 시의 리전이 일치해야 합니다.
자세한 안내는 Twilio 문서를 참고하세요: Create API keys in Twilio console
2단계: Lovable에 Twilio 연결
- Settings → Connectors → Shared 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 이상 권한을 가진 사용자는 연결 자체를 삭제하지 않고 특정 프로젝트만 연결 해제할 수 있습니다. 연결은 다른 프로젝트에서 계속 사용할 수 있습니다.
연결 해제 방법:
커넥터로 이동
Settings → Connectors → Shared connectors에서 **Twilio**를 선택합니다.
연결 열기
관리할 연결을 엽니다.
프로젝트 선택
Linked projects에서 연결 해제할 프로젝트를 선택합니다.
확인
Unlink projects를 클릭하고 확인합니다.
연결 해제 후 해당 프로젝트는 이 연결을 통해 Twilio에 접근할 수 없습니다. 필요하면 다른 연결로 다시 연결할 수 있습니다.
Twilio 연결 삭제
워크스페이스 admin 또는 owner가 Twilio 연결을 삭제할 수 있습니다.
연결 삭제는 영구적이며 되돌릴 수 없습니다. 연결된 모든 프로젝트에서 인증 정보가 제거되며, 새 연결을 만들기 전까지 이 연결을 사용하던 앱은 동작을 멈춥니다.
삭제 전에 Linked projects 섹션에서 현재 이 연결을 사용 중인 프로젝트를 먼저 확인하세요.
삭제 방법:
커넥터로 이동
Settings → Connectors → Shared connectors에서 **Twilio**를 선택합니다.
연결 열기
삭제할 연결을 엽니다.
연결된 프로젝트 확인
Linked projects 섹션을 확인합니다.
삭제
Delete this connection에서 Delete를 클릭하고 확인합니다.