React および React Native 用の PubNub チャット コンポーネント
重要
PubNub は 2025 年 1 月 1 日にチャット コンポーネントのサポートを終了しますが、貢献することは歓迎です。 Chat SDK に移行する方法については、こちらをご覧ください。
React および React Native 用の PubNub チャット コンポーネントは、リアルタイム ネットワークの低レベル アーキテクチャの複雑さを経由せずに、ダイレクト メッセージングやグループ メッセージング、入力インジケーター、リアクションなどのチャット機能を追加する最速の方法です。
- 実装時間の短縮: 事前定義されたコンポーネントを使用して、概念実証および本番環境に対応したアプリをより迅速に開発します。
- 高速かつシンプルな拡張性: 複雑なコードを記述せずに、インジケーターの入力、開封確認、反応などの豊富な機能を追加します。
- 柔軟でカスタマイズ可能なコンポーネント: コンポーネントの設計をカスタマイズし、カスタム コンポーネントを追加して機能を拡張します。
- 高いスケーラビリティ: アプリの成長に合わせて PubNub にスケーリングと信頼性を任せましょう。
- 簡単なテーマ設定: 組み込みの明るいテーマと暗いテーマを使用するか、グループ、サポート、イベント チャットなどのさまざまなユースケースに合わせてカスタムのテーマを作成します。
- 強い型付け: TypeScript の機能を利用してアプリケーションを開発します。
特徴
- ユーザーとチャンネルのメタデータ: カスタム フックを使用して、PubNub オブジェクト ストレージからユーザー、チャンネル、およびそのメンバーシップに関する追加情報を追加します。
- 購読: ユーザーチャンネルを自動的に購読します
- メッセージ: 新しいテキスト メッセージと過去のテキスト メッセージを公開および表示します
- プレゼンス: 現在アクティブなユーザーを取得し、その状態を観察し、変更について通知します。
- タイピング インジケーター: ユーザーが入力している通知を表示します。
- メッセージの反応: 絵文字を公開してメッセージに追加する
利用可能なコンポーネント
- チャットプロバイダー - React / React Native
- メッセージリスト - React / React Native
- メッセージ入力 - React / React Native
- チャンネルリスト - React / React Native
- メンバーリスト - React / React Native
- タイピング インジケーター - React / React Native
前提条件
- 反応 v16.8+
- ReactDOM v16.8 以降または React Native v0.69 以降
- PubNub JavaScript SDK v4.29+
- PubNub React SDK v2.1.0+
使用法
まずは、チャット コンポーネントを使用して構築されたデモ アプリを調べてみましょう。
| ソースコード | 反応する | ネイティブに反応する | 説明 |
|---|
getting-started | チュートリアル | チュートリアル | 始めるための 1:1 チャット アプリのサンプル |
group-chat | デモ/チュートリアル | - | 複雑なモデレート付きグループ チャット アプリ |
live-events | デモ/チュートリアル | - | チャットパネルを備えたライブイベントアプリ |
telehealth | デモ/チュートリアル | - | シンプルな患者と医師のチャット アプリ |
関連ドキュメント
- React 用 PubNub チャット コンポーネント ドキュメント - React 用 PubNub チャット コンポーネントの操作方法を説明するドキュメント
- React Native の PubNub Chat コンポーネントのドキュメント - React Native の PubNub Chat コンポーネントの操作方法を説明するドキュメント
- PubNub チャットの使用例 - チャットの使用例のドキュメント
- PubNub React SDK - PubNub React SDK の API ドキュメント
サポート
サポートが必要な場合、または一般的な質問がある場合は、サポートにお問い合わせください。
