chat engine

非推奨通知

ChatEngineは、追加のリリースの計画なしで非難されています。 ChatEngine SDKのサポートは2021年7月16日に終了します。ChatEngineについて質問がある場合は、[email protected]までお問い合わせください。新しいチャット製品であるPubnubチャットにアクセスしてください。

Pubnub ChatEngineフレームワーク

PubNub ChatEngineは、JavaScriptでチャットアプリケーションを構築するためのオブジェクト指向のイベントエミッターベースのフレームワークです。チャットアプリケーションを大幅に構築する時間を短縮し、タイピングインジケーター、オンラインプレゼンスモニタリング、メッセージの履歴などの重要なコンポーネントをすぐに提供します。

リアルタイムサーバーコンポーネントはPubNubによって提供されます。 ChatEngineは拡張可能になるように設計されており、新機能を追加するためのプラグインフレームワークが含まれています。

PubNubでのチャットアプリケーションの構築の詳細については、チャットリソースセンターを参照してください。

ドキュメント

ドキュメントWebサイトで完全なドキュメントを見つけることができます。

はじめる

前提条件

• nodejs
• Twitterブートストラップ
• jquery
• ES6

PubNubアカウントのセットアップ

PubNubにChatEngineをセットアップするには、最初にPubNubキーをセットアップする必要があります。次の手順では、ChatEngineクライアント側のSDKを使用するためにPubNubキーを手動でセットアップする方法の概要を説明します。

pubnubアカウントにサインアップします

まだアカウントをお持ちでない場合は、ここで無料で作成できます。

PubNub関数を使用して、REST APIサービスをセットアップします

ChatEngineフレームワークとクライアント側のSDKは、PubNub関数として実行されるREST APIサービスと対話します。

SDKを使用する前に、PubNubアカウントに関数を設定する必要があります。

ChatEngineサーバーのセットアップ手順に従ってください。

コードをダウンロードします

新しいNPMプロジェクトを作成します

依存関係をインストールするので、インストールするすべてのパッケージを追跡するために、新しいpackage.jsonを作成すると役立ちます。

プロジェクトディレクトリで、このコマンドを実行して新しいパッケージを作成します。インタラクティブセットアップガイドを完了すると、準備が整います。

 npm init

これにより、プロジェクトディレクトリにpackage.jsonが作成されます。

{
  "name" : " chat-engine-tutorial " ,
  "version" : " 0.0.1 " ,
  "description" : " An example PubNub ChatEngine Tutorial " ,
  "main" : " index.js " ,
  "author" : " Ian Jennings "
}

pubnub chatengineをインストールします

さて、今、あなたはおそらくこれまでにやったことがない部分のために！実行してpubnub chatengineをインストールしてください：

npm install chat-engine@latest --save

追加のリソース

プラグイン

jQueryキッチンシンクと角張ったキッチンシンクの例をご覧ください。プラグインが動作しているのを確認してください。

• 画像アップロード-UploadCareサービスを使用して画像をアップロードし、チャットにレンダリングします。例。
• マークダウンサポート - メッセージを受信するときにHTMLでマークダウンをレンダリングします。例。
• ミュートユーザー - 現在のユーザーが他のユーザーからイベントの受信を停止できるようにします。例。
• オンラインユーザー検索 - チャットでオンラインでユーザーのリストを検索する簡単な方法。例。
• タイピングインジケーター - ユーザーが開始または入力を停止したときに発射する便利な方法を提供します。例
• 未読メッセージ - チャットをバックグラウンドにあるとマークし、イベントが送信されるとカウンターを増やすことができます。例。
• デスクトップ通知-HTML5通知APIを使用して、「Toaster」アップデートを送信します。
• 絵文字サポート - まだサポートされていないデバイスのフォールバックとして画像を使用しますか？
• イベントのステータスと領収書の読み取り - 誰かがメッセージを受信したり、メッセージを読んだりすると、追加のイベントを放出します。
• Gravatar Support -Gravatarサービスを使用して、ユーザー状態情報に基づいてアバターを作成します。
• ランダムユーザー名 - すべてのユーザーに色と動物を組み合わせたランダムユーザー名を提供するプラグイン。

ビデオ

• ChatEngineイントロ
• 5分間のChatEngineチュートリアル
• コードウェビナーの30行でチャットします

チュートリアル

JavaScript

• 開始チュートリアル。
• チャット - 本当に簡単なチャットの例。 ChatEngineの「Hello World」。
• オンラインリスト - チャットはありません。オンラインで誰をレンダリングします。これをプライベートチャットと組み合わせる方法については、キッチンシンクをご覧ください。

ネイティブ +モバイルを反応します

• 反応ネイティブの例create-react-appで作られています。
• ネイティブコンポーネントのReact-チャット、メッセージ、ユーザーなどをレンダリングするための事前のコンポーネント。
• 既存のiOSアプリに統合 - ChatEngine ReactネイティブアプリをiOSに追加するガイド。
• 既存のAndroidアプリに統合-AndroidにChatEngine Reactネイティブアプリを追加するガイド。

反応します

• React -Bare Bones React Webの例。

vue

• VUEガイド - ChatEngineとVueを一緒に使用するガイド。次のリソースを使用します。
• Vueの例-FullFeaturedChatEngine Vueの例。
• Vueプラグイン - Vue用のChatEngineプラグイン。

角度

• Angular Simple -Angular "Hello World"アプリ。カスタムAngularプラグインを使用して、何かが更新されたときにレンダリングするシンプルなアプリ。
• Angular Kitchen Sink-そこにある最大のデモアプリ、ほぼ完全なデスクトップチームチャットクローン（Slack、Stride、FlowDock）。永続的なURLと電子を使用した実際のデスクトップアプリにレンダリングします！

jquery

• jquery simple -jQuery Chatengine "Hello World"アプリ。全員が一緒にチャットする簡単なアプリ。
• JQuery Kitchen Sink-ほとんどのChatEngine機能を使用する巨大な例。ユーザー名をクリックすると、新しいチャットを生成するオンラインリストがあります。

サードパーティの認証

• Facebookログイン - ChatEngineでFacebookプロファイルを使用します。

nodejs +チャットボット

• nodejsチャットボット - メッセージに応答し、タイピングをエミュレートするボットの例。デフォルトでjQueryキッチンシンクの例で動作します。

発達

クローニング

クローンリポジトリ（チャットエンジンとプラグイン）。

すべてのレポは互いに兄弟でなければなりません。これは、ドキュメントを適切にレンダリングするために必要です。

 chat-engine
chat-engine-desktop-notifications
chat-engine-emoji
chat-engine-examples
//...

環境のセットアップ

 nvm use v6

すべてのチャットエンジンリポジトリを備えたMy /development Directoryからhttp-serverを実行します。

cd chat-engine

node server.js

http：// localhost：8080をブラウザにロードし、/chat-engine-examples/jquery/kitchen-sinkに移動します

コンパイル

gulpを実行してコンパイルしますが、おそらく一貫した変更を得るためにgulp watchを実行する必要があります。

実行中のテスト

環境変数PUB_KEY_0およびSUB_KEY_0独自のPubNubキーに割り当てる必要があります。これらの変数を.bashrcまたは.zshrcに追加します。

 # pubnub chatengine keys
export PUB_KEY_0= " YOUR PUBNUB PUBLISH KEY "
export SUB_KEY_0= " YOUR PUBNUB SUBSCRIBE KEY "

次に、ルートフォルダーで実行されます。

 gulp test

パッチのリリース（チャットエンジンとプラグイン）

 npm version patch && git push origin master --tags

サポート

• 助けが必要な場合は、一般的な質問をしたり、バグを提出したりする場合は、[email protected]に連絡してください。