프로토파이는 하나의 디바이스 안에서 일어나는 인터랙션 외에 채팅이나, 송금과 같은 디바이스끼리 주고받는 인터랙션도 간단히 프로토타이핑 할 수 있습니다.
ProtoPie에서는 다음 2가지 방법을 통해 커넥티드 환경을 누릴 수 있습니다.
- ProtoPie Studio를 허브로 활용하기
- ProtoPie Connect 활용하기
ProtoPie Studio를 허브로 활용하여 2개의 프로토타입을 연결할 수 있습니다. 이 기능은 모든 플랜에서 제공합니다. 해당 방법으로 여러 스크린 간 인터랙션을 테스트하는 경우 항상 ProtoPie Studio를 실행한 상태여야 합니다. 2개의 모바일 프로토타입을 연결하거나, ProtoPie Studio의 프로토타입 1개와 Player 앱의 프로토타입 1개를 연결할 수 있습니다. 이 경우 모두 동일한 네트워크에 연결되어 있어야 합니다. 아니면 USB를 통해 스마트 기기를 컴퓨터에 연결할 수 있습니다.
스마트 기기를 ProtoPie Studio에 연결하는 방법에 대해 자세히 살펴보세요.
유료 플랜을 구독 중인 경우 ProtoPie Connect를 활용하여 더욱 폭넓은 커넥티드 환경을 구축할 수 있습니다.
디바이스끼리 주고받는 인터랙션을 구현 하기 위해서는 Send Response와 Receive Trigger를 사용해야 합니다. 보내는쪽 디바이스에서 설정한 Send Response의 Message와 받는쪽 디바이스에서 설정한 Receive Trigger의 Message가 일치할 경우 Receive Trigger 하위의 response를 실행시키게 됩니다.
Component와 message를 주고 받을 수 있습니다. Channel에서 component를 선택하면 현재 scene 안에 있는 component를 선택할 수 있고 선택한 component와 상호작용하게 만들 수 있습니다. Components 페이지에서 자세한 사용법을 확인 할 수 있습니다.
ProtoPie Connect/Studio 에 연결된 디바이스간에 메시지를 주고 받을 수 있습니다 (ProtoPie Connect 또한 동일한 방식으로 작동합니다).
Scene 내에서 메시지를 주고 받을 수 있습니다. Send 리스폰스와 Receive 트리거를 사용하면 중복되는 인터랙션을 모듈화 시켜서 반복 작업을 줄일 수 있습니다.
전송할 문자열을 정의합니다. 한 기기에 표시되는 Receive 트리거 내 메시지가 Send 리스폰스 내의 메시지와 일치해야 기기 간 인터랙션이 이루어집니다.
Message와 함께 특정 값을 전달할 수 있습니다. 받는 쪽에서는 전달받은 값을 변수에 저장해서 사용할 수 있습니다.
통신하기 위한 채널을 선택합니다. 디바이스간 인터랙션을 구현하기 위해서는ProtoPie Connect/Studio 를 설정 하면 됩니다.
전송할 문자열을 정의합니다. 한 기기에 표시되는 Receive 트리거 내 메시지가 Send 리스폰스 내의 메시지와 일치해야 기기 간 인터랙션이 이루어집니다.
Send response에서 message와 함께 특정 값을 함께 전달할 수 있습니다. 전달받은 값을 변수에 저장해서 사용하는게 가능합니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/b00f588a19d492bdb17821f494cb11a931438fd9-1076x540.gif/bridge_ex.gif)