以下の用途向け:REACT NATIVE
React Native
Chat SDK
Tencent RTCのReact Native Chat SDKでモバイルメッセージングを構築。独自の画面やネイティブ操作を維持しながら、iOSとAndroidでチャットロジックを共有できます。
開発者向けリソース
React Native 向け Chat SDKのドキュメントとサンプル
REACT NATIVE のチャット機能
プロダクトを支えるメッセージング基盤
ダイレクト会話
- 1 対 1 メッセージ
- 独自のインターフェース
グループメッセージ
- 共有会話
- メンバーシップ API
リッチメッセージ
- テキストとメディア
- カスタムアプリケーションコンテンツ
会話の状態
- 履歴と未読件数
- アプリケーションのストア
ユーザーID
- 独自のユーザー ID
- UserSig 認証
アプリ統合
- React Native APIs
- プラットフォーム固有のライフサイクル
React Native Chat APIs を見る
アプリケーションの接続に必要な API から始めましょう。
1 つのメッセージングレイヤー、2 つのプラットフォーム
ユーザーを接続する前に、アップロードプラグインとネットワークプラグインを登録してください。
ドキュメントを読むimport TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';
const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });会話を途切れさせない
ログインして SDK_READY を受け取った後、ダイレクトテキストメッセージを送信します。
ドキュメントを読むconst message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);新着メッセージが自動的に表示範囲に入るようにする
メッセージの受信時にアプリケーションの状態を更新します。
ドキュメントを読むchat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// Dispose your listener when the subscription ends.
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);始める
最初の会話はここから始まります
- 01
- 02
- 03
npm install @tencentcloud/chat tim-upload-plugin @react-native-community/netinfoimport TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';
const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });React Native Chat SDK のよくある質問
SDK はネイティブプラットフォームの設定に対応していますか?
メッセージングレイヤーは共通化できますが、ネイティブモジュール、メディア権限、プッシュ設定、デバイスビルドにはプラットフォーム固有の設定が必要です。サポート対象のパッケージ構成については、React Native SDK ガイドに従ってください。
React Native Chat SDKには、すぐに使えるUIが含まれていますか?
SDK はメッセージング API とイベントを提供します。チャット画面はアプリケーション側で構築します。図は実現可能なアプリ体験の例です。
React Native Chat SDK のユーザーを認証するにはどうすればよいですか?
本番用 UserSig はバックエンドで生成します。認証のためにクライアントへ渡し、アプリケーションシークレットはサーバー上で管理してください。
これらの React Native スニペットだけで完全なアプリケーションになりますか?
ここでは個別の連携手順を示しています。インポート、初期化、ログイン、エラー処理、対象別の設定については、完全なガイドに従ってください。リリース前に、別々のアカウントでメッセージングをテストしてください。
React Native Chat SDK の利用料金はどのように計算されますか?
ホステッド Chat サービスの利用は、選択したプランに従います。アプリケーションで利用できる付属機能と利用枠を確認してください。オプションのプラグインと Call サービスには、別の要件が適用される場合があります。
React Native で React Native Chat SDK を導入するには?
ドキュメントに記載されたパッケージとネイティブ依存関係をインストールし、ネイティブアプリを再ビルドします。JavaScript だけで動くと想定せず、権限、ライフサイクル、ネイティブコールバックを確認します。
アプリのリリース前に React Native Chat SDK をテストするには?
ログイン、SDK の準備完了、送受信イベント、再接続後のメッセージ状態を確認します。
React Native Chat SDK のインターフェースをカスタマイズするには?
文書にある SDK イベントで独自の会話一覧、メッセージ表示、入力欄を作ります。

