sendbird javascript samples

Sendbird JavaScript SDK V3サンプル

非推奨ノート（V3）

ショ和SendbirdのSDK V3は2023年7月までに非推奨になることに注意してください。選択した古いSDKを使用することもできますが、SDK V3に新しい更新やバグ修正は行われません。

壊れた変更があるため、できるだけ早くSDK V4への移行を計画することをお勧めします。また、移行とV4に関連する問題に対する優先順位付けされたサポートも提供します。 SDK V4は、WebSocket、ローカルキャッシュ、投票、スケジュールされたメッセージ、ピン留めメッセージなど、はるかに豊かで堅牢な機能を提供します。だから今それを試してみてください！ （チャットSDK V4反応サンプル）

セキュリティのヒント

ダッシュボードに新しいSendBirdアプリケーションが作成されると、デフォルトのセキュリティ設定が設定され、実行のサンプルを簡素化して最初のコードを実装します。

起動する前に、[設定] - > [セキュリティ]の下で[セキュリティ]タブを必ず確認し、アクセストークンの許可を設定して読み取りまたは無効にして、認定されていないユーザーが他の人のようにログインできないようにします。アクセス制御リストを確認します。ほとんどのアプリは、使用数やその他の情報を公開する可能性があるため、「ユーザーリストの取得を許可する」ことを無効にしたいと思うでしょう。

導入

このリポジトリには、sendbirdを使用してJavaScript、React、Reactネイティブを使用してチャットを追加する方法のサンプルが含まれています。 JavaScript SDKドキュメントで詳細を見つけることができ、QuickStartドキュメントをReactすることができます

反応します

Sendbird uikit for Reactは、すべての重要なメッセージング機能と簡単にアプリ内チャットを作成できる、事前に構築されたUIコンポーネントのセットです。開発キットには、明るいテーマと暗いテーマ、テキストフォント、色などが含まれています。付属のすべてのコンポーネントをスタイリングおよびカスタマイズして、アプリに合ったユニークなエクスペリエンスを作成できます。

• Basic Reactアプリは、 uikitの使用を開始する最も簡単な方法です

• Composed React Appは、さまざまなスマートコンポーネントの使用方法を示しています。

• Custom Reactアプリは、メッセージ、 ChannelPreview 、およびユーザーリストUI要素をカスタマイズする方法を示しています。

ネイティブの反応

Sendbird React Native Frameworkを使用すると、iOSおよびAndroidアプリの開発を簡素化し、Webアプリとモバイルアプリの両方で同じコードを再利用できます。

• React Native Reduxは、 iOSおよびAndroidでNateveを使用してSendbirdを使用する方法を示しています。

• React Native Redux SyncManagerは上記のサンプルを展開し、Sendbird Syncmanagerを実装します

• Hooksパターンを使用して、ネイティブフックをIOSとAndroidでSendbirdを実装します。

JavaScript

• JavaScriptチャットサンプルは、グループチャンネルとオープンチャネルの両方を使用したデスクトップブラウザー用のスラックのようなフルスクリーンチャットサンプルです。

• JavaScriptウィジェットサンプルは、 Webサイト用のFacebook-Chatのようなチャットウィジェットです。

• JavaScriptライブチャットサンプルは、 Twitch-chatのような体験です。

• JavaScriptチャットSyncManagerとのサンプルは、 Sendbird Syncmanagerドキュメントと統合されたWebチャットサンプルであり、コアチャット機能にローカルキャッシングを追加します。データの読み込みとキャッシュを高速化するために、サンプルはSendbirdサーバーと同期し、グループチャネルのリストとローカルキャッシュ内のメッセージをクライアントアプリに保存します。

インストール

Sendbird Chat SDKを直接使用するには、npmまたはyarnを介してインストールできます

npm install --save sendbird

または

yarn install --save sendbird

または、GitHubから最新リリースを手動でダウンロードします

助けを得る

React DocsについてはUikitをご覧ください。チュートリアルやビデオ用のSendbirdの開発者ポータル。問題を解決するために支援が必要な場合や質問がある場合は、コミュニティフォーラムをご覧ください。

私たちは雇っています！

Sendbirdは、次世代のモバイルおよびソーシャルテクノロジーを構築するという共通の目的によって結ばれた、謙虚で友好的で勤勉な個人の多様なグループで構成されています。サンマテオ、ソウル、ニューヨーク、ロンドン、シンガポールの場所の1つで、リモートでチームに参加してください。キャリアページの詳細。