React Native에 Twilio 보이스챗 구현하기

1대1 랜덤 회고통화 서비스, 열시미

작년 11월부터 2개월간 1대1 랜덤 회고통화 앱서비스, 열시미를 기획하고 풀스택으로 개발했다.
열시미는 매일 밤마다 사용자들을 1대1로 랜덤 매칭해주고 하루회고 통화를 제공해주는 서비스이다.

해당 서비스를 개발하면서 가장 중요하게 구현해야 했던 요소는 바로 실시간 보이스챗 기능이었다. 특히, 단순 통화연결이 아닌 앱에서 통화를 끊고 통제할 수 있어야 했다.

이러한 구조를 Programmable 이라고 표현한다.

그래야 다양한 과금구조로 이루어진 비즈니스 모델을 짤 수 있었기 때문이다.

그래서 한번도 구현해본 적 없는 보이스챗 기능을 어떻게 구현할 수 있을지 연구를 하기 시작했다.

정답은 Twilio

구글링을 해보니 실시간 보이스챗을 구현할 수 있는 다양한 툴들을 제공해주는 서비스가 존재했다.
Twilio 라는 PaaS(Platform-as-a-service)로 SMS, Programmable Voice, Video 등의 다양한 통신 방식을 쉽게 구현할 수 있도록 API와 SDK를 제공한다.

React Native에 구현하기

Twilio에서 실시간 보이스챗을 구현하기 위해서는

• Programmable Voice API
• javascript SDK (React Native)
• twilio-python (Django)

를 각각 사용해야 한다.

이렇듯 이번 시리즈에서는 React Native와 Django로 개발된 서비스에 Twilio의 Programmable Voice를 구현하는 과정을 다뤄볼 것이다.