왜 필요했는지
01기기와 Wi-Fi로 직접 붙는 동안 인터넷이 끊길 수 있어, webview와 socket 흐름이 안정적으로 이어져야 했습니다.
차량 디바이스 연동 앱
TalkCar
웹에서 받은 명령을 앱이 기기 소켓으로 전달하고 다시 결과를 돌려주는 차량 디바이스 연동 제품입니다.
AutomotiveHardwareWebView
Automotive / Hardware
웹뷰 명령과 기기 소켓 통신을 묶어 차량 디바이스를 제어하는 앱.
프로젝트 개요
웹, 앱, 차량 기기 사이의 브리지가 안정적으로 동작해야 서비스가 성립했습니다.
TalkCar는 웹, 앱, 차량 디바이스를 연결하는 제품입니다. 앱은 웹뷰에서 받은 명령을 기기와 통신하고, 결과를 다시 웹뷰로 돌려주는 중간 허브 역할을 합니다.
구현 범위에는 로그인·회원가입, 메시지 보관함, 다운로드, 펌웨어 업데이트, 기업회원 승인, webview bridge, socket protocol, 192.168.2.1:5050 기기 통신 흐름이 구현돼 있습니다. 하드웨어와 모바일, 웹이 함께 움직이는 제어형 제품 사례입니다.
제가 먼저 만든 범위
02Flutter 앱에 webview bridge, 인증, 다운로드, 보관함, 펌웨어 업데이트, 기기 통신 프로토콜을 한 경험으로 묶었습니다.
잘 맞는 서비스 유형
03하드웨어, 웹, 모바일이 함께 움직이는 제어형 제품이나 현장 연결 앱에 맞습니다.
기술 정보
사용 기술
앱 셸
Flutterhooks_riverpodget_itpackage_info_plusdevice_info_plusintl
브리지 · 네트워크
webview_flutterhttpconnectivity_plusshared_preferencesurl_launcher
운영 연동
api.talkcar.nettalkcar.co.kr WebView pagesS3 firmware bucketS3 message bucket
연동 서비스
talkcar.co.krapi.talkcar.netAWS S3WebView bridgeConnectivity monitoring
화면 구성
주요 화면
아래 화면은 실제 제품 경험을 구성했던 인터페이스와 흐름입니다.
웹 화면
앱 화면
문의
비슷한 제품을 고민하고 계시다면 편하게 말씀 주세요.
간단한 기획 메모, 참고 링크, 현재 정리된 범위 정도만 공유해 주셔도 충분합니다. 제품 성격에 맞는 첫 방향부터 함께 정리해드릴 수 있습니다.