以下の用途向け: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 つのプラットフォーム

ユーザーを接続する前に、アップロードプラグインとネットワークプラグインを登録してください。

ドキュメントを読む
chat.ts
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 });

カスタマイズ

あなたらしい体験を、思いのままに。

接続済みの会話を基盤に独自のインターフェースを構築できます。

独自の体験を構築

メッセージングイベントを、プロダクトに必要な画面や操作へ接続します。

ドキュメントを読む

始める

最初の会話はここから始まります

  1. 01

    アプリを作成

    Chat アプリケーションとテストユーザーを設定します。

    Chat コンソールを開く
  2. 02

    React Native 向け Chat SDK を追加する

    プラットフォームガイドに沿ってプロジェクトを接続します。

    統合ガイドに従う
  3. 03

    ユーザーをつなぐ

    2人のテストユーザーとしてサインインし、最初のメッセージを送信します。

    ユーザーをつなぐ
React Native 向け Chat SDK
ターミナル
npm install @tencentcloud/chat tim-upload-plugin @react-native-community/netinfo
chat.ts
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 });

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 イベントで独自の会話一覧、メッセージ表示、入力欄を作ります。

次のステップに必要なサポートを見つける

アプリケーションについて相談

製品、想定利用量、統合要件についてご相談ください。

営業担当者への連絡

次の会話体験を構築

React Native 向け Chat SDK を使って app を構築します。