백엔드를 만들지 않고 앱에 채팅을

작동 방식

1. 서버가 대화와 멤버를 만듭니다. 서명된 요청으로, 서명 방식은 Hibira HTTP API의 다른 부분과 같습니다.
2. 각 사용자가 로그인합니다. 앱이 원래 여는 실시간 연결을 쓰며, 채팅 이벤트는 사용자 자신의 채널로 오므로 대화마다 채널을 인증할 필요가 없습니다.
3. 메시지는 실시간으로 전달되고 저장됩니다. 서버가 사용자 대신 보낼 수도 있고, 페이지에 짧은 유효기간의 사용자 토큰을 줘서 Chat API를 직접 호출하게 할 수도 있습니다.

화면은 @hibira-io/chat-ui로 바로 만들 수 있습니다. 읽음 표시, 반응, 파일, 내부 메모를 지원하는 대화 화면을 제공합니다:

import { createChatClient } from '@hibira-io/chat-ui/hibira';
import { Chat, useChatConversation } from '@hibira-io/chat-ui/react';

const client = createChatClient({ appId: 'your-app-id', tokenUrl: '/hibira/token' });
const conversation = useChatConversation(client, 'trip-1', { pusher, me: userId });
return <Chat conversation={conversation} me={userId} />;

API는 /apps/{app_id}/chat에 있습니다: 대화와 멤버, after로 따라잡는 메시지 조회, 읽음 표시, 안 읽은 수가 포함된 사용자 받은편지함, 검색, 첨부, 사용자 토큰, 모더레이션, 이번 달 사용량. 새 메시지마다 chat_message 웹훅을 호출할 수도 있습니다. 모든 요청, 이벤트, 한도는 레퍼런스에 있습니다.

사용하는 스택에서

• React와 순수 JavaScript: pusher-js 위에서 동작하는 @hibira-io/chat-ui의 대화 화면과 클라이언트.
• Laravel과 Filament: Filament 플러그인에 온라인 상태가 있는 채팅 페이지가 포함되어 있습니다.
• 어떤 백엔드든: 요청 서명이 Hibira HTTP API의 다른 부분과 같으므로 Pusher 서버 라이브러리의 서명 코드를 그대로 쓸 수 있습니다.
• iOS, Android, Flutter: 이벤트는 실시간 SDK로, 앱이 닫혀 있을 때의 메시지는 Hibira Push로.